安装APP,随时看

云题海 - 专业文章范例文档资料分享平台

当前位置：首页 > HTML题库

HTML题库

62 次阅读
3 次下载
2026/4/26 0:17:54

举报
收藏

一、选择题（每题2分，共40分）

1．超级链接主要可以分为文本链接、图像链接和_____。 A．锚链接 B．瞄链接 C．卯链接 D．瑁链接

2．CSS表示_____。

A．层 B．行为 C．样式表 D．时间线

3．为了标识一个HTML文件应该使用的HTML标记是_____。 A．

B． C． D．

4．HTML代码表示_____。

A．添加一个图像 B．排列对齐一个图像 C．设置围绕一个图像的边框的大小 D．加入一条水平线

5．是用来指定_____。

A．混合分框 B．纵向分框 C．横向分框 D．任意分框

6．在HTML标记中，用于表示文件开头的标记是_____。 A． B． C．<HEAD> D．<FORM> </p><p>7．定义列表的HTML代码是（） A．＜dt＞＜dl＞***＜dd＞***＜/dl＞ B．＜dd＞＜dt＞***＜dl＞***＜/dd＞ C．＜dt＞＜dd＞***＜dl＞***＜/dt＞ D．＜dl＞＜dt＞***＜dd＞***＜/dl＞ </p><p>8．要创建一个Email地址的链接，下面正确的句法是( ) </p><p> A．＜a href=“mailto:mirror@263.net”＞与我联系＜/a＞ </p><p> B．＜a href=“files:mirror@263.net”＞与我联系＜/a＞ </p><p> C．＜a href=“http:mirror@263.net”＞与我联系＜/a＞ D．＜a href=“usenet:mirror@263.net”＞与我联系＜/a＞ </p><p>9．使用内联式样式表应该使用的引用标记是( )。 A．＜link＞ B．HTML标记 C．＜style＞ D．＜head＞ </p><p>10．下列是可以放置在＜FORM＞和＜/FORM＞之间的标记，其中用于定义一个用户可键入多行文本的标记是( ) </p><p>A．＜select＞ B．＜textarea＞ C．＜input＞ D．＜body＞ </p><p>11．增加表单的隐藏域的HTML代码是() </p><p> A．＜input type=submit＞ B．＜input type=iamge＞ </p><p> C．＜input type=text＞ D．＜input type=hide＞ </p><p>12．增加表单的隐藏域的HTML代码是() </p><p> A．＜input type=submit＞ B．＜input type=iamge＞ </p><p> C．＜input type=text＞ D．＜input type=hide＞ </p><p>14．表单提交中的方式有() </p><p>A．1种 B．2种 C．3种 D．4种 </p><p>15．在 HTML 文档中，引用外部样式表的正确位置是？（） A．文档的末尾 B．文档的顶部 C．＜body＞部分 D．＜head＞部分 </p><p>16．能够设置成密码框的是（）。 </p><p>A．只有单行文本域 B．只有多行文本域 C．单行、多行文本域 D．多行“Textarea”标识 </p><p>17．加入一条最大标题的HTML代码是? </p><p>A．＜h1＞ B．＜img src=\border=?＞ </p><p>C．＜img src=\＞ D．＜img src=\＞ </p><p>18．＜img alt=#＞，表示（） A．图像的地址 B．图像的排列方式 </p><p>C．在浏览器尚未完全读入图象时，在图象位置显示的文字 D．在浏览器尚未完全读入图象时，在图象的上方显示的文字 </p><p>19．关于超级链接的说法正确的一项是( )。 A．一个超级链接是由被指向的目标和指向目标的链接指针组成 </p><p>B．超链只能是文本内容 </p><p>C．超链的目标可以是不同网址、同一文件的不同部分，但</p><p></p><div class="page"><ul><li><a href=ythd_4h4lo5azn02xc796bdiw_1.html class="hover" >1</a></li><li><a href=ythd_4h4lo5azn02xc796bdiw_2.html>2</a></li><li><a href=ythd_4h4lo5azn02xc796bdiw_3.html>3</a></li><li><a href=ythd_4h4lo5azn02xc796bdiw_4.html>4</a></li></ul></div> <div class="s-more">搜索更多关于： <a class="title2" title="HTML题库" href="ys_02002c025024u54ioj_1.html">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_14bhv5oeds2v3bv3zrgf_3.html>自考-第一章国际商务谈判概述复习资料</a></li><li><a title="解决java中文问题" href=ythd_6747i828xz6msol1o433_1.html>解决java中文问题</a></li><li><a title="财务管理学习题及参考答案- " href=ythd_11lc69yoku9pg7y7h9xd_9.html>财务管理学习题及参考答案- </a></li><li><a title="步步高学案导学设计2014-2015学年高中英语(人教版，选修6)课时作业：U" href=ythd_65xf84p8nw9sc9l3qd28_2.html>步步高学案导学设计2014-2015学年高中英语(人教版，选修6)课时作业：U</a></li><li><a title="HTML题库" href=ythd_4h4lo5azn02xc796bdiw_1.html>HTML题库</a></li><li><a title="习题答案（第1~4章）" href=ythd_8y9cg4eeoq35m4y30uy1_1.html>习题答案（第1~4章）</a></li><li><a title="1.摩托罗拉UBS产品描述" href=ythd_25k540kclt55mbv22qlh_2.html>1.摩托罗拉UBS产品描述</a></li><li><a title="在外地设立办事处" href=ythd_8olyq1ltrt036aw5ujyl_1.html>在外地设立办事处</a></li><li><a title="4、课程管理使用说明书- 副本" href=ythd_4ntew1wu820a6ri16zri_1.html>4、课程管理使用说明书- 副本</a></li><li><a title="河北省跆拳道协会理论问答统一考试内容" href=ythd_1w0ef3wfqo44p5c1brmj_1.html>河北省跆拳道协会理论问答统一考试内容</a></li><li><a title="炒股养家（一）" href=ythd_6a98w80o1z3gyk61844o_1.html>炒股养家（一）</a></li><li><a title="2014诗歌学案学生版 - 图文" href=ythd_7rf0k3xumn9x6b743115_3.html>2014诗歌学案学生版 - 图文</a></li><li><a title="MRI上岗证试题集" href=ythd_4ktqr352rx1oirv32mbv_3.html>MRI上岗证试题集</a></li><li><a title="宏观经济学第二版课后习题参考答案" href=ythd_4s2v98jiti9d31r9oe9d_10.html>宏观经济学第二版课后习题参考答案</a></li><li><a title="低压断路器智能化控制技术研究" href=ythd_3n40k1a5va6d7jn4l23z_5.html>低压断路器智能化控制技术研究</a></li><li><a title="青海省建筑工程资料管理软件表格大全" href=ythd_7gpz0991pk77t6k14clm_1.html>青海省建筑工程资料管理软件表格大全</a></li><li><a title="变电所二次部分说明书" href=ythd_9ufuk4swaw565jb3utzp_2.html>变电所二次部分说明书</a></li><li><a title="高支模施工方案专家论证 - 图文" href=ythd_7shqm725u99f98j84o0v_8.html>高支模施工方案专家论证 - 图文</a></li><li><a title="2013福建省高职专升本科大学英语试卷写作（结构分析）" href=ythd_22ioh2pihl4yj364r8ti_2.html>2013福建省高职专升本科大学英语试卷写作（结构分析）</a></li><li><a title="虽有佳肴 - 练习题附答案" href=ythd_4jzh69uuq947ty70k2c3_1.html>虽有佳肴 - 练习题附答案</a></li><li><a title="湖南省房地产市场发展报告" href=ythd_4emt5726u775cln2zb72_8.html>湖南省房地产市场发展报告</a></li><li><a title="临床三基应知应会题目" href=ythd_7h2x683i3z76vad3m08r_13.html>临床三基应知应会题目</a></li><li><a title="酒店工程维护手册 - 图文" href=ythd_0j1vq1n3529kcek7h0vd_2.html>酒店工程维护手册 - 图文</a></li><li><a title="高考调研数学11-1" href=ythd_5mxhz8z7sn9emep57bli_1.html>高考调研数学11-1</a></li><li><a title="ADS射频电路课程设计 - 混频器设计与仿真" href=ythd_1txm27iga30wk4t3w2jr_4.html>ADS射频电路课程设计 - 混频器设计与仿真</a></li><li><a title="安全生产责任制（改） - 图文" href=ythd_5v1ay0l9z91qw0b8dn6q_2.html>安全生产责任制（改） - 图文</a></li><li><a title="小学语文高年级阅读常见题型" href=ythd_1wozq5vb4q9y6yn8bcxz_12.html>小学语文高年级阅读常见题型</a></li><li><a title="学案1 中国古代政治文明" href=ythd_5d13c9q7l362h60030qg_2.html>学案1 中国古代政治文明</a></li><li><a title="门户系统问题汇总" href=ythd_654kr0snbi38gut0yjoy_1.html>门户系统问题汇总</a></li><li><a title="2012贵州省教师招聘考试公共基础知识考试题库" href=ythd_5m2zh0bis46x2101f50q_1.html>2012贵州省教师招聘考试公共基础知识考试题库</a></li><li><a title="基于PLC的智能楼宇变频调速恒压供水控制系统设计研究" href=ythd_5n3yf1pe566gjog0oaey_7.html>基于PLC的智能楼宇变频调速恒压供水控制系统设计研究</a></li><li><a title="大连理工无机化学教材配套自测试题" href=ythd_44ehu0pdie9kcek7h0sz_2.html>大连理工无机化学教材配套自测试题</a></li><li><a title="第1章头部1-复习测试题A型题 ppt.Convertor" href=ythd_4pk191eypb721et5ih2r_1.html>第1章头部1-复习测试题A型题 ppt.Convertor</a></li><li><a title="八年级英语上册Unit1Friends课后练习新版牛津" href=ythd_2i0jw4a5sl797950lpza3sk4u09qt500ffx_1.html>八年级英语上册Unit1Friends课后练习新版牛津</a></li><li><a title="东北大学课程设计报告水箱液位控制系统 - 图文" href=ythd_3bljs8ct8f9mzf00wd1k_8.html>东北大学课程设计报告水箱液位控制系统 - 图文</a></li><li><a title="航空分公司基地项目可行性研究报告" href=ythd_7i94m5vnoq86wqv5qtyj_2.html>航空分公司基地项目可行性研究报告</a></li><li><a title="(强烈推荐)敬老院项目施工组织设计(施工方案)" href=ythd_0sill89k2g862m61dk4v721et5ixox005pu_3.html>(强烈推荐)敬老院项目施工组织设计(施工方案)</a></li><li><a title="农村最为常见的药草 - 图文" href=ythd_3zsko96w1y670es7bbh3_12.html>农村最为常见的药草 - 图文</a></li><li><a title="翻译报告" href=ythd_0oee03dtu49o8y39xxc5_6.html>翻译报告</a></li><li><a title="采矿工程毕业设计指导书" href=ythd_0estj1ptwh6vuda8cenx_3.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>一、选择题（每题2分，共40分） 1．超级链接主要可以分为文本链接、图像链接和_____。 A．锚链接 B．瞄链接 C．卯链接 D．瑁链接 2．CSS表示_____。 A．层 B．行为 C．样式表 D．时间线 3．为了标识一个HTML文件应该使用的HTML标记是_____。 A． B． C． D． 4．HTML代码表示_____。 A．添加一个图像 B．排列对齐一个图像 C．设置围绕一个图像的边框的大小 D．加入一条水平线 5．<frameset </h2> </div> <div class="link_docs"> <h3>相关文档</h3> <ul> <li><a title="试论市场经济下图书馆的发展" href=ythd_5dwcq2l8on9acj39pw98_1.html>试论市场经济下图书馆的发展</a></li><li><a title="高大支模架专项方案（专家论证）" href=ythd_7pvxe1uy6a4g4gg0l15v_10.html>高大支模架专项方案（专家论证）</a></li><li><a title="变电所二次部分说明书" href=ythd_9ufuk4swaw565jb3utzp_2.html>变电所二次部分说明书</a></li><li><a title="艺华毕业论文开题新-商业银行碳金融发展现状与问题 - 图文" href=ythd_5n8u60lpj33jk4h7sglc72h8v7sa9700vjs_1.html>艺华毕业论文开题新-商业银行碳金融发展现状与问题 - 图文</a></li><li><a title="陈安之 - 成功法则" href=ythd_5wmhy0n2it97tl37ll6w_1.html>陈安之 - 成功法则</a></li><li><a title="小学语文高年级阅读常见题型" href=ythd_1wozq5vb4q9y6yn8bcxz_12.html>小学语文高年级阅读常见题型</a></li><li><a title="言语理解与表达常考词语-成公教育-4006158848" href=ythd_3f4de6u9re3bj0x6hx0f_3.html>言语理解与表达常考词语-成公教育-4006158848</a></li><li><a title="北师大版数学四年级下册《小数点搬家》说课稿" href=ythd_16o7d5qscs79ew80o94h77xpo5846y00qva_1.html>北师大版数学四年级下册《小数点搬家》说课稿</a></li><li><a title="好医生抗菌药物合理应用培训考试答案(临床)2012" href=ythd_11wbd1uten507xn0vyo5_2.html>好医生抗菌药物合理应用培训考试答案(临床)2012</a></li><li><a title="八年级英语上册Unit1Friends课后练习新版牛津" href=ythd_2i0jw4a5sl797950lpza3sk4u09qt500ffx_1.html>八年级英语上册Unit1Friends课后练习新版牛津</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': '4h4lo5azn02xc796bdiw'}, async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2") { //游客 $(".vip-up").hide(); $(".vip-pay").hide(); var downid = '4h4lo5azn02xc796bdiw' $('.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=4h4lo5azn02xc796bdiw'); 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 = '4h4lo5azn02xc796bdiw' $('.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=4h4lo5azn02xc796bdiw'); 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=4h4lo5azn02xc796bdiw'; } } }); }) $('.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?ba4893542539f4c5d80474ef78f6ce5e"; 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>