当前位置：首页 > 网页设计标签总览

网页设计标签总览

62 次阅读
3 次下载
2025/6/2 9:12:44

例：〈font face=\黑体\ 水平线

语法格式：

两种元素

是块级元素，和段落元素

相似，不同的是两个

元素之间不会产生两个

元素之间的空行，

是行内元素，可以定义段落中部分文字的属性语法格式：

align设置层中元素的水平对齐方式 stule设置元素应用css规范的属性

兼容性比要好一点，最好使用

表格语法格式：

.......

....

border边框宽度默认值为0，既没有边框

cellspacing表格中单元格的边距大小，默认值为两个像素

cellpadding表格中单元格之间的间距大小，默认值为两个像素 tr元素语法格式：

align属性对齐方式可选值如下：left,center,tight,默认为left bgcolor指定该行的背景颜色 td元素语法格式：

rowspan和colapan跨行和跨列的数量，默认为1 input元素语法格式：

type属性的可选值有： text 单行文本框

属性：name 文本框名称 value 文本框的初始值 size 文本框的长度

maxlength 可输入字符串最大的长度 radio 单选框

属性：name 单选框名称 value 内部值

checked 默认选定 checkbox 复选框

属性：name 复选框名称 value 内部值

checked 默认选定 reset 重置按钮 submit 确定按钮

属性：name 按钮名称 value 显示在按钮上的文字 password 密码框

属性与文本框的属性完全相同 file 文件域

属性：name文件域名称 size 文件域的长度

maxlength 文件域可接受的字符数量的上限 hidden 隐藏域

属性：name 隐藏域名称 value 内定值 image 图片域

属性：name 所要代表的按钮，可以是submit,reset,或其他. src 按钮图片的url 地址列表框 .....

.....

select元素

语法格式： </p><p><textarea name=\ 属性： </p><p>name文本框的名称 cols文本框的宽度 rows文本框的高度 </p><p>wrap文本框的折行方式可选值有： off不保存换行信息 </p><p>physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出， </p><p>virtual送出连续成串的字除非使用者按回车。 css 层叠样式表 </p><p>引入层叠样式表的方法包括：外联式样式表例：<head> </p><p><link rel=\ </head> <body> .... </p><p></body> </html> </p><p>属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址内嵌式样式表：例：<html> <head> </p><p><style type=\  </p><p></style> </head> </p><p><body>....</body> </html> 元素内定 </p><p>格式：<p style=\ 导入式样式表〈html> <head> </p><p><style type=\  </p><p></style> <body> .... </p><p></body> </html> </p><p>css的优先级 </p><p>越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义 </p><p>如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。 css结构 </p><p>例：td{font-size:10.5pt;color:#666666} css样式包含两个基础部分， </p><p>选择符<td>和声明{font-size:10.5pt;color:#666666} 声明也有两部分组成： </p><p>属性font-size,color和值10.5pt,#666666 选择符分为6种 1元素选择符 </p><p>当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开例：td,p,li,input,select{font-size:12px;} 2class(类)选择符例：〈head> <title>.....</title> </p><p><style type=\  </p><p></style> </head> </p><p><body bgcolor=\ </p><p><p class=\士大夫井冈山地方官</p> <p>九连环离开计划</p> </body> </p><p>还有一种方法就是限定可以应用它的页面元素例：〈head> <title>.....</title> </p><p><style type=\  </p><p></style> </head> </p><p><body bgcolor=\ </p><p><p class=\士大夫井冈山地方官</p> <h1 class=\九连环离开计划</h1> </body> 3 id选择符 </p><p>与class选择附类似，只是把.换成# 例：<body> <head> </p><p></p><div class="page"><ul><li><a href=ythd_4jge17kjvl1klhk34qru_1.html>1</a></li><li><a href=ythd_4jge17kjvl1klhk34qru_2.html>2</a></li><li><a href=ythd_4jge17kjvl1klhk34qru_3.html class="hover" >3</a></li><li><a href=ythd_4jge17kjvl1klhk34qru_4.html>4</a></li><li><a href=ythd_4jge17kjvl1klhk34qru_5.html>5</a></li></ul></div> <div class="s-more">搜索更多关于： <a class="title2" title="网页设计标签总览" href="ys_p5du45rlqrkxkjroe6j0br7s_1.html">网页设计标签总览</a> 的文档</div> </div> <div class="view-bar fixed" style="width:900px;"> <ul class="bar-info"> <li> <span class="btn-doc-fav"><i class="fa fa-heart-o">收藏</i></span> </li> <li><span class="btn-doc-share"><i class="fa fa-share-alt">分享</i></span></li> <li><span class="btn-doc-report"><i class="fa fa-info-circle">违规举报</i></span></li> <li><span class="btn-copy-claim">版权认领</span></li> </ul> <div class="bar-down"> <span class="view-down-btn">下载文档<i>10.00 元</i></span> <span class="view-join-btn"><a href="/user/index.php" target="_blank">加入VIP免费下载</a></span> </div> </div> <div class="view_foot"> <span>推荐下载</span> <ul> <li><a title="网页设计标签总览" href=ythd_4jge17kjvl1klhk34qru_3.html>网页设计标签总览</a></li><li><a title="冷霜自动灌装机总体设计说明书-毕设论文" href=ythd_526py6cp5m7f2vc1v0ey6gjog0oh07006bg_3.html>冷霜自动灌装机总体设计说明书-毕设论文</a></li><li><a title="门禁考勤管理系统操作说明打印版范文" href=ythd_1waay9co5h6zh7s4eqk6667gj1yjjc01cia_1.html>门禁考勤管理系统操作说明打印版范文</a></li><li><a title="小学数学人教版二年级下册同步教案(全册)" href=ythd_0n5gd7fj7v9nplx1m54t1j03v4iv5u00aut_10.html>小学数学人教版二年级下册同步教案(全册)</a></li><li><a title="散打教学设计" href=ythd_3x6lx4b0lr6b8ve00zsa83uyx9681900vbj_1.html>散打教学设计</a></li><li><a title="鲁水建字19号山东省水利工程标准化工地建设指南" href=ythd_46ocz5cpk96et871e27v_3.html>鲁水建字19号山东省水利工程标准化工地建设指南</a></li><li><a title="2019届高考数学一轮复习：《平面向量的基本定理及坐标表示》教学案（含解析）" href=ythd_4qt4s0pzc16u75f0b3w102ra61x6wi01de0_1.html>2019届高考数学一轮复习：《平面向量的基本定理及坐标表示》教学案（含解析）</a></li><li><a title="结构设计原理试卷和答案" href=ythd_97gxm069vj3jk4h7sglc72h8v7sa2300vhi_1.html>结构设计原理试卷和答案</a></li><li><a title="（优辅资源）人教版小学一年级（下册）数学期中测试题(3)" href=ythd_4thbu5autk85bn78arf2570pk9t82300b3i_1.html>（优辅资源）人教版小学一年级（下册）数学期中测试题(3)</a></li><li><a title="（地理）江苏省南京师范大学附属中学2018届高三5月模拟考试地理试题 Word版" href=ythd_4a75x815zc85bn78arf2570pk9t82300b86_4.html>（地理）江苏省南京师范大学附属中学2018届高三5月模拟考试地理试题 Word版</a></li><li><a title="小学数学人教版二年级下册同步教案(全册)" href=ythd_0n5gd7fj7v9nplx1m54t1j03v4iv5u00aut_11.html>小学数学人教版二年级下册同步教案(全册)</a></li><li><a title="三年级下册数学教案- 两位数乘两位数7冀教版" href=ythd_27we68gm8885bn78arf2570pk9t82300b2e_1.html>三年级下册数学教案- 两位数乘两位数7冀教版</a></li><li><a title="景观规划设计原理教案（同济学姐亲测有效）" href=ythd_09au56qy9x7yogl1itk20zdc523xwm00i5s_5.html>景观规划设计原理教案（同济学姐亲测有效）</a></li><li><a title="生物七年级下册生物期中识图题" href=ythd_8igqv6t2ri0cqsi0v0jd0weks4q8jb00ntq_3.html>生物七年级下册生物期中识图题</a></li><li><a title="建筑安装工程概预算第七章 - 图文" href=ythd_7rbxq5ltg19da6b52ivo_9.html>建筑安装工程概预算第七章 - 图文</a></li><li><a title="2021楂樿€冨寲瀛︿竴杞涔犱笓棰?2绗?璁茬儍鐨勫惈姘ц鐢熺墿瀛︽鏂颁" href=ythd_1sgdq3b5y0862m61dk4v721et5ixw1005ph_2.html>2021楂樿€冨寲瀛︿竴杞涔犱笓棰?2绗?璁茬儍鐨勫惈姘ц鐢熺墿瀛︽鏂颁</a></li><li><a title="语文专项练之语言得体" href=ythd_4uq9w8x7pt9da6a52ix1_1.html>语文专项练之语言得体</a></li><li><a title="2018-2024年中国水性颜料行业全景调研及发展前景报告（目录）" href=ythd_2cu8s4yf8h6vudb8bhn079ew80o9bl00sbh_4.html>2018-2024年中国水性颜料行业全景调研及发展前景报告（目录）</a></li><li><a title="2018年中国钢丝绳现状调研及市场前景预测（目录） - 图文" href=ythd_1gypi2xjll0vngk58yua7wp9920czo00zv5_2.html>2018年中国钢丝绳现状调研及市场前景预测（目录） - 图文</a></li><li><a title="淮安工程硕士运筹学复习题目" href=ythd_3n3vq0cnvc81m9s3zh0v_1.html>淮安工程硕士运筹学复习题目</a></li><li><a title="二年级上册数学应用题大全（100题）" href=ythd_3tll98r0om0n19a8hrgx9da6a52gca00h6c_1.html>二年级上册数学应用题大全（100题）</a></li><li><a title="论激励理论在员工薪酬管理中的运用" href=ythd_464qz60rpp8xswm2y1f5_2.html>论激励理论在员工薪酬管理中的运用</a></li><li><a title="2011年度中国电力优质工程奖获奖名单" href=ythd_4jx1c1voya4bptb10m2h_1.html>2011年度中国电力优质工程奖获奖名单</a></li><li><a title="经典的佛偈" href=ythd_1cy8b8z1l33qhtz4wh2h1h1yk7phhy00sjl_5.html>经典的佛偈</a></li><li><a title="（名师整理）物理8年级下册《第10章浮力》单元检测题（含答案解析）" href=ythd_2qpo29ksgz1ujtp7zqyg25ui718xfz018xx_1.html>（名师整理）物理8年级下册《第10章浮力》单元检测题（含答案解析）</a></li><li><a title="物理化学发展史" href=ythd_46vil5jcqi5ap1c1l9ig_1.html>物理化学发展史</a></li><li><a title="三角形的认识说课稿" href=ythd_3jzfm6uudo9o8y29xxgf_1.html>三角形的认识说课稿</a></li><li><a title="新大学化学1--3章答案" href=ythd_3yzaz56pmi5ap1c1l9l8_2.html>新大学化学1--3章答案</a></li><li><a title="植物生理学试题" href=ythd_39ors3m2xy2ubi97rwwk_10.html>植物生理学试题</a></li><li><a title="吉西他滨联合顺铂应用于非小细胞肺癌临床治疗的效果研究" href=ythd_1w04n8kttb3pebe0io3703gjy5zd2f00lv6_3.html>吉西他滨联合顺铂应用于非小细胞肺癌临床治疗的效果研究</a></li><li><a title="2020年新编国税系统税收执法资格统一考试试卷+参考答案（一）(1)名师精品资料" href=ythd_33b7e8oyl33blzb1bwa62p7v43zg7t00hxp_3.html>2020年新编国税系统税收执法资格统一考试试卷+参考答案（一）(1)名师精品资料</a></li><li><a title="什么是喜欢，什么是爱，看这些不要脸的神回复！" href=ythd_4plde6iy4228mwx144x0_3.html>什么是喜欢，什么是爱，看这些不要脸的神回复！</a></li><li><a title="(完整word版)牙体牙髓病学试题(答案)(word文档良心出品)" href=ythd_8kqjb3syqz3uh255c6he20sz532aec00cey_2.html>(完整word版)牙体牙髓病学试题(答案)(word文档良心出品)</a></li><li><a title="2012年自考管理心理学讲解能力的差异与管理" href=ythd_4kmy444i168wrp7237sc_1.html>2012年自考管理心理学讲解能力的差异与管理</a></li><li><a title="【二年级语文】2019-2020年部编版二年级语文上册课外阅读专项复习题及答案," href=ythd_4gvn19dosu072ie1yi364bptb11wxs00meh_1.html>【二年级语文】2019-2020年部编版二年级语文上册课外阅读专项复习题及答案,</a></li><li><a title="部编版语文一年级下册写字表生字笔顺字帖" href=ythd_1zll85xqmu0fvqu4yw276b8ve00zl600v1p_4.html>部编版语文一年级下册写字表生字笔顺字帖</a></li><li><a title="公司建筑工程施工工艺质量标准指导手册(屋面工程部分)" href=ythd_9jusf5bc3w79ew80o94h77xpo584e200qx5_4.html>公司建筑工程施工工艺质量标准指导手册(屋面工程部分)</a></li><li><a title="2019版一级建造师《建设工程项目管理》模拟真题(I卷) 含答案" href=ythd_12shk3agbc0ne2d1fovz9epjx24qp9012pv_3.html>2019版一级建造师《建设工程项目管理》模拟真题(I卷) 含答案</a></li><li><a title="公司建筑工程施工工艺质量标准指导手册(屋面工程部分)" href=ythd_9jusf5bc3w79ew80o94h77xpo584e200qx5_3.html>公司建筑工程施工工艺质量标准指导手册(屋面工程部分)</a></li><li><a title="[清华版]六年级上册信息技术计划及教案" href=ythd_4h4yk5epzl47ty70k29c_1.html>[清华版]六年级上册信息技术计划及教案</a></li> </ul> </div> </div> <div class="view_right"> <div class="view_user"> <div class="user-tip-p"> <img src="https://www.yuntihai.com/user/images/avatar_0.jpg" id="uface" />本文作者：<i class="v"></i><span id="uname">...</span></div> <p>共分享<span>92</span>篇相关文档</p> </div> <div class="view_short"> <span>文档简介：</span> <h2>例：〈font face=\黑体\ 水平线语法格式：两种元素是块级元素，和段落元素相似，不同的是两个元素之间不会产生两个元素之间的空行，是行内元素，可以定义段落中部分文字的属性语法格式： <div align=\ align设置层中元素的水平对齐方式 stule设置元素应用css规范的属性兼容性比要好一点，最好使用表格语法格式： <table width=\ .......</td</h2> </div> <div class="link_docs"> <h3>相关文档</h3> <ul> <li><a title="网页设计标签总览" href=ythd_4jge17kjvl1klhk34qru_3.html>网页设计标签总览</a></li><li><a title="冷霜自动灌装机总体设计说明书-毕设论文" href=ythd_526py6cp5m7f2vc1v0ey6gjog0oh07006bg_3.html>冷霜自动灌装机总体设计说明书-毕设论文</a></li><li><a title="门禁考勤管理系统操作说明打印版范文" href=ythd_1waay9co5h6zh7s4eqk6667gj1yjjc01cia_1.html>门禁考勤管理系统操作说明打印版范文</a></li><li><a title="小学数学人教版二年级下册同步教案(全册)" href=ythd_0n5gd7fj7v9nplx1m54t1j03v4iv5u00aut_10.html>小学数学人教版二年级下册同步教案(全册)</a></li><li><a title="散打教学设计" href=ythd_3x6lx4b0lr6b8ve00zsa83uyx9681900vbj_1.html>散打教学设计</a></li><li><a title="鲁水建字19号山东省水利工程标准化工地建设指南" href=ythd_46ocz5cpk96et871e27v_3.html>鲁水建字19号山东省水利工程标准化工地建设指南</a></li><li><a title="2019届高考数学一轮复习：《平面向量的基本定理及坐标表示》教学案（含解析）" href=ythd_4qt4s0pzc16u75f0b3w102ra61x6wi01de0_1.html>2019届高考数学一轮复习：《平面向量的基本定理及坐标表示》教学案（含解析）</a></li><li><a title="结构设计原理试卷和答案" href=ythd_97gxm069vj3jk4h7sglc72h8v7sa2300vhi_1.html>结构设计原理试卷和答案</a></li><li><a title="（优辅资源）人教版小学一年级（下册）数学期中测试题(3)" href=ythd_4thbu5autk85bn78arf2570pk9t82300b3i_1.html>（优辅资源）人教版小学一年级（下册）数学期中测试题(3)</a></li><li><a title="（地理）江苏省南京师范大学附属中学2018届高三5月模拟考试地理试题 Word版" href=ythd_4a75x815zc85bn78arf2570pk9t82300b86_4.html>（地理）江苏省南京师范大学附属中学2018届高三5月模拟考试地理试题 Word版</a></li> </ul> </div> <div class="view_keys"> <h3>相关推荐</h3> <ul> <li><a href="/tiku/264764.html">知识聚宝盆．(1)小明要去汽车站.向方</a></li> <li><a href="/tiku/363020.html">拔河比赛.(1)17个同学.1人当裁判.剩下</a></li> <li><a href="/tiku/327049.html">如果x×=y×5.那么x:y= : ．</a></li> <li><a href="/tiku/392632.html">口算. 12×40= 240÷30= 540÷6= 800÷</a></li> <li><a href="/tiku/235885.html">计算下面各题.能简算的必须简算．÷9+</a></li> <li><a href="/tiku/302628.html">用直线上的点表示下面各数．</a></li> <li><a href="/tiku/69632.html">325这个数的千分位上的数字是2．．</a></li> <li><a href="/tiku/484696.html">快车和慢车同时从相距600千米的两城相</a></li> <li><a href="/tiku/224501.html">一个长方形的长和宽的和是80厘米.它的</a></li> <li><a href="/tiku/408467.html">在0.285中.有( )个十分之一.( )个百分</a></li> <li><a href="/tiku/265664.html">把三个饼平均分成5份.每份是个．</a></li> <li><a href="/tiku/262865.html">一个三角形底是18厘米.高是9厘米.它的</a></li> <li><a href="/tiku/135043.html">老师布置会场.按红.黄.蓝.绿的顺序挂了</a></li> <li><a href="/tiku/263530.html">一种商品现在售价80元.比原价提高了16</a></li> <li><a href="/tiku/500647.html">某种皮衣价格为1650元.打8折出售仍可盈</a></li> </ul> </div> </div> </div> </div> <div class="theme-popover"> <div class="theme-poptit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>游客快捷下载通道</b>（下载后可以自由复制和排版） </div> <div class="theme-popbod dform"> <div class="pay-inf"> <div class="guest"> <div class="pay-tit">单篇付费下载</div> <div class="pay-price">限时特价：<b>10 元/份</b> <em>原价:20元</em></div> <div class="pay-select"><span class="pay1"><img src="/style/images/wxpay.jpg" class="over"></span></div> <div class="guest-pay"> <div class="wxpay"><a href="javascript:;">微信支付并下载</a></div> </div> <div class="vip-pay"> <div class="wxpay"><a href="javascript:;">微信支付并下载</a></div> </div> </div> <div class="vip"> <div class="pay-tit">VIP包月下载</div> <div class="pay-price">特价：<b>29 元/月</b> <em>原价:99元</em></div> <div class="pay-viptip">低至<b> 0.3 元/份</b> 每月下载<b>150</b>份 <br>全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上升级VIP</a></div> </div> <div class="vip-up"> <div class="pay-tit">VIP包月下载</div> <div class="pay-price">特价：<b>29 元/月</b> <em>原价:99元</em></div> <div class="pay-viptip">低至<b> 0.3 元/份</b> 每月下载<b>150</b>份 <br>全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上升级VIP</a></div> </div> <div class="pay-tips">注：下载文档有可能“只有目录或者内容不全”等情况，请下载之前注意辨别，如果您已付费且无法下载或内容有问题，请联系我们协助你处理。<br>微信：fanwen365 QQ：370150219</div> </div> </div> </div> <div class="theme-popover-mask"></div> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> $(document).ready(function ($) { $('.view-down-btn').click(function () { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); $.ajax({ type: "POST", dataType: "json", url: "/user/check_rank.php", data: {'aid': '4jge17kjvl1klhk34qru'}, async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2") { //游客 $(".vip-up").hide(); $(".vip-pay").hide(); var downid = '4jge17kjvl1klhk34qru' $('.wxpay a').click(function(){ var readurl = 'https://www.yuntihai.com/plus/view.php&psrc='; var downurl = 'https://www.yuntihai.com/d.asp?id='; var payurl = readurl; payurl = payurl.replace('view.php', 'pay/pay.asp?id=4jge17kjvl1klhk34qru'); var gotourl = payurl + downurl + downid location.href = gotourl; }); } else if (data.code === "3") { $(".theme-popover .theme-poptit b").text("会员快捷下载通道"); //注册会员 $(".guest-pay").hide(); $(".vip").hide(); $(".vip-pay").show(); $(".vip-up").show(); var downid = '4jge17kjvl1klhk34qru' $('.wxpay a').click(function(){ var readurl = 'https://www.yuntihai.com/plus/view.php&psrc='; var downurl = 'https://www.yuntihai.com/d.asp?id='; var payurl = readurl; payurl = payurl.replace('view.php', 'pay/pay.asp?id=4jge17kjvl1klhk34qru'); var gotourl = payurl + downurl + downid location.href = gotourl; }); } else if (data.code === "5") { layer.alert('今日下载次数已用完！请明日再来！您可以升级会员增加下载次数！', {icon: 2}); } else if (data.code === "6") { layer.alert('VIP会员已到期！请及时续费！', {icon: 2}); } else { location.href = '/d.asp?id=4jge17kjvl1klhk34qru'; } } }); }) $('.theme-poptit .close').click(function () { $('.theme-popover-mask').fadeOut(100); $('.theme-popover').slideUp(200); }) }) </script> <script type="text/javascript"> $(document).ready(function ($) { $.ajax({ type: "POST", dataType: "json", data: {'aid': ''}, url: "/user/check_level.php", async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2" || data.code === "3") { $(document).keydown(function (e) { if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); } }); document.body.oncopy = function () { $('.theme-popover-mask').fadeIn(100); $('.theme-popover').slideDown(200); return false; } } } }) }) </script> <div class="footer"> <div class="iw"> <div class="footer_a"> <img src="img/logo_b.png"> </div> <div class="footer_b"> <ul> <li> <p>关于我们</p> <a href="about/about.html">关于我们</a> <a href="about/protocol.html">网站协议</a> <a href="about/feedback.html">意见反馈</a> </li> <li> <p>版权声明</p> <a href="about/duty.html">免责声明</a> <a href="about/right.html">版权声明</a> <a href="about/report.html">版权申诉</a> </li> <li> <p>商务合作</p> <a href="about/adv.html">广告服务</a> <a href="about/link.html">友情链接</a> <a href="about/biz.html">商业合作</a> </li> <li> <p>使用帮助</p> <a href="about/help.html">使用帮助</a> <a href="about/member.html">会员权益</a> <a href="about/sitemap.html">网站地图</a> </li> </ul> </div> <div class="footer_c"></div> </div> </div> <div class="zub"> <div class="iw"> <span>Copyright © 云题海 All Rights Reserved. <span onclick="window.open('http://beian.miit.gov.cn')">苏ICP备16052595号-3</span> <a href="/sitemap.xml">网站地图</a> 客服QQ：370150219 邮箱：370150219@qq.com</span> </div> </div> <script type="text/javascript"> function c(){if(f1.word.value==''){f1.word.focus();}else{f1.action='search/';f1.submit();}return false;} </script> <script src="js/jquery-1.12.4.min.js"></script> <script src="js/com.js?v2.6"></script> <script> //right_bar $(".right_bar .bar-3").click(function() { $('html,body').animate({ scrollTop: 10 }, 200); return false; }); $(".right_bar .bar-2").mouseenter(function() { $(".right_bar .app_down").show(); }).mouseleave(function() { setTimeout(function() { $(".right_bar .app_down").fadeOut(); }, 300); }); //首页分类 $('.nav_list li').hover(function() { $(".nav_list > li > div ").css('display', 'none'); $(this).children("div").show(); }, function() { $(".nav_list > li > div ").css('display', 'none'); }); //分类下拉 $(function() { $(".nav.down").hover(function() { $(".nav.down > ul").fadeIn("slow"); $(".nav.down > ul").css('display', 'block'); }, function() { $(".nav.down > ul").css('display', 'none'); }); }); $(document).on("keydown", function(e) { if (e.keyCode == 13 && $("#txt_search").is(":focus")) { $("#search_button").click(); } }); </script> <script type="text/javascript"> $(document).on('mouseover', '.me-codesta', function () { $('.finale h1:first').css({ opacity: 0 }); $('.finale h1:last').css({ opacity: 1 }); }); $(document).on('mouseout', '.me-codesta', function () { $('.finale h1:last').css({ opacity: 0 }); $('.finale h1:first').css({ opacity: 1 }); }); $(".view_shang > span").click(function () { if ($(".view_shang > div").css("display") == "none") $(".view_shang > div").css("display", "inline-block"); else $(".view_shang > div").css("display", "none"); }); $('.edui-upload-video').bind('contextmenu', function () { return false; }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?abc75b75d45ae362923b33935511be02"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> $(function () { function pageHeight() { return $("#p1").height(); } $(window).scroll(function () { var fix = $(".view_body").offset().top; var scroll = $(this).scrollTop(); var bottom = $(".view_foot").offset().top - 993; if (scroll > fix - 100 && scroll < bottom) { $(".view-bar").addClass("fixed").fadeIn(); } else { $(".view-bar").removeClass("fixed"); } var height = pageHeight(); var top1 = $("#p1").offset(); var top2 = $("#p2").offset(); var top3 = $("#p3").offset(); var top4 = $("#p4").offset(); if (top1 && scroll < top1.top + height / 1.5) pcurrent = 1; else if (top2 && scroll < top2.top + height / 1.5) pcurrent = 2; else if (top3 && scroll < top3.top + height / 1.5) pcurrent = 3 else if (top4 && scroll < top4.top + height / 1.5) pcurrent = 4 else if (top4) pcurrent = parseInt((scroll - top4.top - height / 1.5) / (height + 10)) + 5 if (pcurrent > pshow) pcurrent = pshow; if (pcurrent < 1) { pcurrent = 1; } }) }); </script> </body> </html>