|
|
|
@ -1,54 +1,76 @@
|
|
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
|
|
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
|
|
|
|
<!-- 这是 HTML 4.0 过渡型的文档类型声明,告知浏览器按照 HTML 4.0 过渡型标准来解析页面内容 -->
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<!-- 设置 HTML 页面的 XML 命名空间,遵循 W3C 的 XHTML 规范 -->
|
|
|
|
|
<head>
|
|
|
|
|
<title></title>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
|
|
|
<meta name="robots" content="noindex, nofollow"/>
|
|
|
|
|
<!-- 页面的标题元素,此处为空,通常会设置一个有意义的标题显示在浏览器的标题栏等相关位置 -->
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
<!-- 通过 HTTP 头部等价属性(http-equiv)设置页面的内容类型为 HTML 文本格式,字符编码为 UTF-8,确保页面能够正确显示各种字符 -->
|
|
|
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
|
|
|
<!-- 用于告诉搜索引擎爬虫,不要对该页面进行索引收录(noindex),也不要跟踪页面上的链接(nofollow),常用于一些不想被搜索引擎抓取的页面 -->
|
|
|
|
|
<script type="text/javascript" src="../internal.js"></script>
|
|
|
|
|
<!-- 引入相对路径为 '../internal.js' 的 JavaScript 文件,该文件可能包含了页面中会用到的自定义函数、变量以及业务逻辑等代码,具体功能依赖其内部定义 -->
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="emotion.css">
|
|
|
|
|
<!-- 引入名为 'emotion.css' 的外部 CSS 文件,用于设置页面中各元素的样式,如布局、颜色、字体等外观表现 -->
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="tabPanel" class="wrapper">
|
|
|
|
|
<div id="tabHeads" class="tabhead">
|
|
|
|
|
<span><var id="lang_input_choice"></var></span>
|
|
|
|
|
<span><var id="lang_input_Tuzki"></var></span>
|
|
|
|
|
<span><var id="lang_input_lvdouwa"></var></span>
|
|
|
|
|
<span><var id="lang_input_BOBO"></var></span>
|
|
|
|
|
<span><var id="lang_input_babyCat"></var></span>
|
|
|
|
|
<span><var id="lang_input_bubble"></var></span>
|
|
|
|
|
<span><var id="lang_input_youa"></var></span>
|
|
|
|
|
<div id="tabPanel" class="wrapper">
|
|
|
|
|
<!-- 创建一个 id 为 'tabPanel' 且类名为 'wrapper' 的 div 容器,从类名推测可能作为整个页面中某个功能模块(可能与切换面板相关)的外层包裹容器,方便对内部元素进行整体的布局和样式控制,其样式规则应该在引入的 'emotion.css' 文件中定义 -->
|
|
|
|
|
<div id="tabHeads" class="tabhead">
|
|
|
|
|
<!-- 创建一个 id 为 'tabHeads' 且类名为 'tabhead' 的 div 容器,可能用于放置切换面板的头部元素(比如各个面板的标题之类),样式在 'emotion.css' 中定义 -->
|
|
|
|
|
<span><var id="lang_input_choice"></var></span>
|
|
|
|
|
<!-- 创建一个 span 元素,内部嵌套一个带有特定 id 的 var 元素,其显示文本可能通过 JavaScript 动态设置,从 id 推测大概是用于显示与输入选择相关的内容,具体文本由后续脚本控制 -->
|
|
|
|
|
<span><var id="lang_input_Tuzki"></var></span>
|
|
|
|
|
<span><var id="lang_input_lvdouwa"></var></span>
|
|
|
|
|
<span><var id="lang_input_BOBO"></var></span>
|
|
|
|
|
<span><var id="lang_input_babyCat"></var></span>
|
|
|
|
|
<span><var id="lang_input_bubble"></var></span>
|
|
|
|
|
<span><var id="lang_input_youa"></var></span>
|
|
|
|
|
<!-- 以上几个 span 元素结构类似,分别通过内部的 var 元素结合不同的 id,用于显示不同的输入相关的提示文本(具体由 JavaScript 动态设置),可能对应不同的表情分类或输入选项等内容 -->
|
|
|
|
|
</div>
|
|
|
|
|
<div id="tabBodys" class="tabbody">
|
|
|
|
|
<!-- 创建一个 id 为 'tabBodys' 且类名为 'tabbody' 的 div 容器,可能用于放置切换面板的主体内容(比如不同分类下的具体表情元素等),样式在 'emotion.css' 中定义 -->
|
|
|
|
|
<div id="tab0"></div>
|
|
|
|
|
<div id="tab1"></div>
|
|
|
|
|
<div id="tab2"></div>
|
|
|
|
|
<div id="tab3"></div>
|
|
|
|
|
<div id="tab4"></div>
|
|
|
|
|
<div id="tab5"></div>
|
|
|
|
|
<div id="tab6"></div>
|
|
|
|
|
<!-- 以上创建了 7 个空的 div 元素,id 分别为 'tab0' 到 'tab6',可能后续通过 JavaScript 动态往里面添加内容(比如对应的表情图片等元素),并且这些 id 与后面 JavaScript 中定义的一些对象属性(如 'SmilmgName' 等对象里的键)相对应,用于组织不同分类下的相关数据 -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="tabBodys" class="tabbody">
|
|
|
|
|
<div id="tab0"></div>
|
|
|
|
|
<div id="tab1"></div>
|
|
|
|
|
<div id="tab2"></div>
|
|
|
|
|
<div id="tab3"></div>
|
|
|
|
|
<div id="tab4"></div>
|
|
|
|
|
<div id="tab5"></div>
|
|
|
|
|
<div id="tab6"></div>
|
|
|
|
|
<div id="tabIconReview">
|
|
|
|
|
<!-- 创建一个 id 为 'tabIconReview' 的 div 容器,从后续内容看可能用于展示表情的预览相关功能(比如显示当前选中的表情图片等),样式在 'emotion.css' 中定义 -->
|
|
|
|
|
<img id='faceReview' class='review' src="../../themes/default/images/spacer.gif" />
|
|
|
|
|
<!-- 创建一个 img 元素,设置了 id 为 'faceReview' 和类名为'review',其初始的 src 属性指向一个空白图片('spacer.gif',可能只是占位用,后续通过 JavaScript 动态修改为实际要显示的表情图片),其样式规则(如尺寸、边框等)由 'emotion.css' 中对应的类名'review' 相关样式定义 -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="tabIconReview">
|
|
|
|
|
<img id='faceReview' class='review' src="../../themes/default/images/spacer.gif"/>
|
|
|
|
|
</div>
|
|
|
|
|
<script type="text/javascript" src="emotion.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var emotion = {
|
|
|
|
|
tabNum:7, //切换面板数量
|
|
|
|
|
SmilmgName:{ tab0:['j_00', 84], tab1:['t_00', 40], tab2:['w_00', 52], tab3:['B_00', 63], tab4:['C_00', 20], tab5:['i_f', 50], tab6:['y_00', 40] }, //图片前缀名
|
|
|
|
|
imageFolders:{ tab0:'jx2/', tab1:'tsj/', tab2:'ldw/', tab3:'bobo/', tab4:'babycat/', tab5:'face/', tab6:'youa/'}, //图片对应文件夹路径
|
|
|
|
|
imageCss:{tab0:'jd', tab1:'tsj', tab2:'ldw', tab3:'bb', tab4:'cat', tab5:'pp', tab6:'youa'}, //图片css类名
|
|
|
|
|
imageCssOffset:{tab0:35, tab1:35, tab2:35, tab3:35, tab4:35, tab5:25, tab6:35}, //图片偏移
|
|
|
|
|
SmileyInfor:{
|
|
|
|
|
tab0:['Kiss', 'Love', 'Yeah', '啊!', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'],
|
|
|
|
|
tab1:['Kiss', 'Love', 'Yeah', '啊!', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么?', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'],
|
|
|
|
|
tab2:['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢?', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'],
|
|
|
|
|
tab3:['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'],
|
|
|
|
|
tab4:['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'],
|
|
|
|
|
tab5:['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'],
|
|
|
|
|
tab6:['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上']
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
<script type="text/javascript" src="emotion.js"></script>
|
|
|
|
|
<!-- 引入相对路径为 'emotion.js' 的 JavaScript 文件,该文件应该包含了页面中与表情相关操作的业务逻辑代码,例如根据用户点击切换面板、选择表情等操作来实现相应的功能 -->
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var emotion = {
|
|
|
|
|
tabNum: 7, //切换面板数量
|
|
|
|
|
// 定义一个名为 'tabNum' 的属性,表示切换面板的数量,值为 7,对应页面中前面创建的 7 个空 div('tab0' - 'tab6'),用于控制循环等操作来处理每个面板相关的逻辑。
|
|
|
|
|
SmilmgName: { tab0: ['j_00', 84], tab1: ['t_00', 40], tab2: ['w_00', 52], tab3: ['B_00', 63], tab4: ['C_00', 20], tab5: ['i_f', 50], tab6: ['y_00', 40] }, //图片前缀名
|
|
|
|
|
// 定义一个名为 'SmilmgName' 的对象属性,用于存储不同面板(以 tab0 - tab6 为键)对应的图片前缀名和数量信息。例如 'tab0' 对应的图片前缀名为 'j_00',数量为 84 个(可能表示该分类下有 84 个以此前缀命名的图片文件,用于后续加载图片等操作)。
|
|
|
|
|
imageFolders: { tab0: 'jx2/', tab1: 'tsj/', tab2: 'ldw/', tab3: 'bobo/', tab4: 'babycat/', tab5: 'face/', tab6: 'youa/' }, //图片对应文件夹路径
|
|
|
|
|
// 定义一个名为 'imageFolders' 的对象属性,用于存储不同面板(以 tab0 - tab6 为键)对应的表情图片所在的文件夹路径信息,方便在加载图片时准确找到对应的文件资源,例如 'tab0' 对应的图片在 'jx2/' 文件夹下。
|
|
|
|
|
imageCss: { tab0: 'jd', tab1: 'tsj', tab2: 'ldw', tab3: 'bb', tab4: 'cat', tab5: 'pp', tab6: 'youa' }, //图片css类名
|
|
|
|
|
// 定义一个名为 'imageCss' 的对象属性,用于存储不同面板(以 tab0 - tab6 为键)对应的表情图片应用的 CSS 类名,这些类名应该在 'emotion.css' 文件中有相应的样式定义,用于控制图片在页面中的显示样式(如尺寸、背景等),例如 'tab0' 对应的图片应用 'jd' 这个 CSS 类名。
|
|
|
|
|
imageCssOffset: { tab0: 35, tab1: 35, tab2: 35, tab3: 35, tab4: 35, tab5: 25, tab6: 35 }, //图片偏移
|
|
|
|
|
// 定义一个名为 'imageCssOffset' 的对象属性,从名字推测可能用于设置图片在某种布局下的偏移量(具体看 CSS 样式和页面布局逻辑),不同面板(以 tab0 - tab6 为键)对应不同的偏移值,例如 'tab0' 对应的图片偏移量为 35(单位可能是像素等,需结合具体 CSS 和功能确定)。
|
|
|
|
|
SmileyInfor: {
|
|
|
|
|
tab0: ['Kiss', 'Love', 'Yeah', '啊!', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'],
|
|
|
|
|
tab1: ['Kiss', 'Love', 'Yeah', '啊!', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么?', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'],
|
|
|
|
|
tab2: ['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢?', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'],
|
|
|
|
|
tab3: ['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'],
|
|
|
|
|
tab4: ['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'],
|
|
|
|
|
tab5: ['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'],
|
|
|
|
|
tab6: ['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上']
|
|
|
|
|
}
|
|
|
|
|
// 定义一个名为 'SmileyInfor' 的对象属性,用于存储不同面板(以 tab0 - tab6 为键)对应的表情相关文字描述信息,例如 'tab0' 对应的数组里包含了一系列表情对应的名称或含义等文字内容,可能用于在页面上显示表情的提示信息之类的功能。
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|