当前位置：首页 > 网页设计与制作期末试题及答案(2)

网页设计与制作期末试题及答案(2)

62 次阅读
3 次下载
2026/4/26 7:12:32

网页设计与制作模拟试题

一、单项选择题(每空1分，共10分)

1.目前在Internet上应用最为广泛的服务是( )。 A.FTP服务 B.WWW服务 C.Telnet服务 D.Gopher服务

2.在域名系统中，域名采用( )。

A.树型命名机制 B.星型命名机制 C.层次型命名机制 D.网状型命名机制

3.HTTP协议是一种( )协议。

A．文件传输协议 B．远程登录协议

C．邮件协议 D．超文本传输协议

4.HTML语言中的转行标记是( )。

A. B.
C. D.<p> </p><p>5.在HTML中，标题字体标记<hx>中x的最大取值是( ) A.4 B.5 C.6 D.7 </p><p>6.以下不能用来定义表格内容的标记为( )。 </p><p>A.<br> B.<tr> C.<th> D.<td> </p><p>。 </p><p>7.下面不是组成一个HTML文件基本结构标记的是( )。 A.<HTML></HTML> B.<HEAD></HEAD> C.<FORM></FORM> D.<BODY></BODY> </p><p>8. 加入一条水平线的HTML代码是( )。 </p><p> A. <hr> B. <img src=\ C. <img src=\ </p><p>9.在HTML中，标记<pre>的作用是( )。 A.标题标记 B.预排版标记 C.转行标记 D.文字效果标记 </p><p>10. 要创建一个Email地址的链接，下面正确的句法是( )。 A. <a href=“mailto:mirror@263.net”>与我联系</a> B. <a href=“files:mirror@263.net”>与我联系</a> C. <a href=“http:mirror@263.net”>与我联系</a> D. <a href=“usenet:mirror@263.net”>与我联系</a> </p><p>二、简答题(每题6分，共60分) 1、简述Web浏览器打开一个Web文件的工作过程。 </p><p>2、描述网页设计的一般步骤。 </p><p>3、简述网页设计的基本准则。 </p><p> </p><p>4、简述规划网站目录结构时应遵循的原则。 </p><p>5、描述版面布局的步骤。 </p><p>6、什么是“HTML”？HTML“标记”又是什么？ </p><p>7、简述“HTML”文档的基本结构。 </p><p>8、简述以下一段HTML代码中各对标记的作用。〈html〉〈head〉 </p><p>〈title〉网页设计〈/title〉〈/head〉〈body〉 </p><p>〈h2〉北国风光〈/h2〉〈/body〉〈/html〉 </p><p>9、如何进行本地网页的测试？ </p><p>10、网站管理和维护的主要工作有哪些？ </p><p> </p><p>三、问答题(每题15分，共15分) 1、描述建设一个网站的具体步骤。 </p><p>四、综合题(每题15分，共15分) </p><p>1、设计一个旅游网网站的首页，请画出轮廓并加以说明。 </p><p> </p><p></p><div class="page"><ul><li><a href=ythd_3kv106q6zw0daet3z41o_1.html class="hover" >1</a></li></ul></div> <div class="s-more">搜索更多关于： <a class="title2" title="网页设计与制作期末试题及答案(2)" href="ys_p5du45rlqrkxff2g8mfockdbkdnrmdu54gjuod0klk01401e015_1.html">网页设计与制作期末试题及答案(2)</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="经济法学作业 - A 最终成绩：100分（全套）" href=ythd_1pgea5x5b23xy6r95j8c_5.html>经济法学作业 - A 最终成绩：100分（全套）</a></li><li><a title="2017-2023年中国衍生品行业深度研究与市场运营趋势报告(目录)" href=ythd_3esgs6rtpa6j6mw9sjhs44p5c1cp2i00dyx_3.html>2017-2023年中国衍生品行业深度研究与市场运营趋势报告(目录)</a></li><li><a title="人教版四年级数学下册教学反思(全册)" href=ythd_0xsic8auad797950lpza3sk4u09qt500fjt_7.html>人教版四年级数学下册教学反思(全册)</a></li><li><a title="0219070433俞江淼-毕业设计说明书 - 图文" href=ythd_1iyye7v2w27wp9920t1b_1.html>0219070433俞江淼-毕业设计说明书 - 图文</a></li><li><a title="网页设计与制作期末试题及答案(2)" href=ythd_3kv106q6zw0daet3z41o_1.html>网页设计与制作期末试题及答案(2)</a></li><li><a title="面试官如何提问" href=ythd_5jm8f1hv5t02tjb2irc6_4.html>面试官如何提问</a></li><li><a title="物理化学1" href=ythd_4f0p32f4n47f1wl0kigl_2.html>物理化学1</a></li><li><a title="烟台市人事局文件" href=ythd_8ds5w18xfz9x6b7430zc_7.html>烟台市人事局文件</a></li><li><a title="中控奥康考勤机接口使用说明书" href=ythd_6pdsn3uuwf3pebf0il95_1.html>中控奥康考勤机接口使用说明书</a></li><li><a title="小企业财务报表及填表说明" href=ythd_06g0o1pwme17c19373fh7l7tx29ybm00g3n_1.html>小企业财务报表及填表说明</a></li><li><a title="2017-2018学年山东省济宁市曲阜市九年级(上)数学期中试卷带解析答案" href=ythd_9weii5eg4a9y6ym8c7oz9pugm7qnnb00f54_4.html>2017-2018学年山东省济宁市曲阜市九年级(上)数学期中试卷带解析答案</a></li><li><a title="采区设计" href=ythd_55etj3tugp0vngk59ep3_7.html>采区设计</a></li><li><a title="人教版2019-2020学年六年级数学下册3《圆柱与圆锥》单元检测题(有答案)" href=ythd_3wfoi29kme9kcek7hm3l8mqar1rud1013dv_1.html>人教版2019-2020学年六年级数学下册3《圆柱与圆锥》单元检测题(有答案)</a></li><li><a title="北邮离散数学期末复习题[1]1" href=ythd_9k8fk7ikeb8c83h0eom6_2.html>北邮离散数学期末复习题[1]1</a></li><li><a title="说明书（示例）修改1 - 图文" href=ythd_8xtcg107a235m4y30uvl_4.html>说明书（示例）修改1 - 图文</a></li><li><a title="《国情备忘录》第九集：中国脚步" href=ythd_6eb2g25bgs1symv1jbvy_3.html>《国情备忘录》第九集：中国脚步</a></li><li><a title="SQL server 实用教程第三版试题有及答案" href=ythd_5x5jh409x20fvam2gyzr6h1tx45d76007md_1.html>SQL server 实用教程第三版试题有及答案</a></li><li><a title="习题6（第七章）数组" href=ythd_1ump73009o2b61z989he_6.html>习题6（第七章）数组</a></li><li><a title="张石埠村土地开发整理可行性研究报告 - 图文" href=ythd_2cwj154kdl3x5if1kn0m_1.html>张石埠村土地开发整理可行性研究报告 - 图文</a></li><li><a title="资产评估总复习题1答案" href=ythd_5a2tr3iotn1xep036oi0_5.html>资产评估总复习题1答案</a></li><li><a title="国家公务员考试面试模拟一" href=ythd_6mm366ce4v7yqpo85se79mzf00wron00is7_1.html>国家公务员考试面试模拟一</a></li><li><a title="建筑给排水复习题+答案" href=ythd_2mv945585k85bn78adfj_3.html>建筑给排水复习题+答案</a></li><li><a title="计算机网络技术基础试题库（包括答案）" href=ythd_4ckou8ofid97tl27ll3w_5.html>计算机网络技术基础试题库（包括答案）</a></li><li><a title="高级电工（三级）理论试题" href=ythd_8efqn8m37r0c4dk2wbht_6.html>高级电工（三级）理论试题</a></li><li><a title="实验室资质认定内审员试卷AB卷答案" href=ythd_6bv2k6yiaa38ccg96mxg8n6j4879as00c1k_1.html>实验室资质认定内审员试卷AB卷答案</a></li><li><a title="889主斜坡道上施工组织设计 - 图文" href=ythd_2hofi3i4ku8mpoj7oh3c_5.html>889主斜坡道上施工组织设计 - 图文</a></li><li><a title="1、公司危险源识别及评价汇总表(1)" href=ythd_5f6ch15l5y2ubi97rwym_1.html>1、公司危险源识别及评价汇总表(1)</a></li><li><a title="上市公司舞弊与审计风险防范" href=ythd_45e4y0g3le1wxgu8jpua_2.html>上市公司舞弊与审计风险防范</a></li><li><a title="2017年新苏教版七年级上册语文全册教案初一第一学期全套教学设计" href=ythd_4m49j635ci4mn0g1mmp04oweh0q68m00onw_13.html>2017年新苏教版七年级上册语文全册教案初一第一学期全套教学设计</a></li><li><a title="变电站消防系统操作规程 - 图文" href=ythd_3g2ym1wgtf2teb88in02_9.html>变电站消防系统操作规程 - 图文</a></li><li><a title="《检验检测机构资质认定评审准则》及释义-2016版" href=ythd_63jk008twk62a898ee8x_4.html>《检验检测机构资质认定评审准则》及释义-2016版</a></li><li><a title="2015-2020年中国高压风机市场运营态势报告 - 图文" href=ythd_5jarr1ebx4862m71dldy_6.html>2015-2020年中国高压风机市场运营态势报告 - 图文</a></li><li><a title="超级全的情态动词所有整理" href=ythd_2en6h25ixe4bptb10m26_1.html>超级全的情态动词所有整理</a></li><li><a title="四年级第一周数学练习" href=ythd_5hghb8xr8t8uhsm07ruc_1.html>四年级第一周数学练习</a></li><li><a title="2016-2022年中国微晶玻璃行业运营态势报告 - 图文" href=ythd_0g0gn511ss2b61z989n5_6.html>2016-2022年中国微晶玻璃行业运营态势报告 - 图文</a></li><li><a title="客户关系管理毕业论文完整版" href=ythd_47cpk2gyzr6h1tx45fgp_3.html>客户关系管理毕业论文完整版</a></li><li><a title="仙游金石中学2014-2015高二历史选修一《导学案》学生版" href=ythd_9eegy7ubka4qfr016ro8_1.html>仙游金石中学2014-2015高二历史选修一《导学案》学生版</a></li><li><a title="(精选3份合集)2020年吉林市名校数学五年级(上)期末综合测试模拟试题" href=ythd_3ikto4v3sa5zpak1cslt1is53085cn00i8f_8.html>(精选3份合集)2020年吉林市名校数学五年级(上)期末综合测试模拟试题</a></li><li><a title="机械CAD练习题(answer)" href=ythd_3hfxo2mkfe3bj0w6hx2c_3.html>机械CAD练习题(answer)</a></li><li><a title="点歌系统故障处理（视翰版）" href=ythd_01cd741xru3fmdz9vdg5_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>网页设计与制作模拟试题一、单项选择题(每空1分，共10分) 1.目前在Internet上应用最为广泛的服务是( )。 A.FTP服务 B.WWW服务 C.Telnet服务 D.Gopher服务 2.在域名系统中，域名采用( )。 A.树型命名机制 B.星型命名机制 C.层次型命名机制 D.网状型命名机制 3.HTTP协议是一种( )协议。 A．文件传输协议 B．远程登录协议 C．邮件协议 D．超文本传输协议 4.HTML语言中的转行标记是( )。 A. B. C. </h2> </div> <div class="link_docs"> <h3>相关文档</h3> <ul> <li><a title="(全国专用)2017版高考物理大二轮总复习与增分策略题型研究4加试计算题23题电" href=ythd_1qasm8n4cx55mbv23rb17u3cm9b9uy004mp_3.html>(全国专用)2017版高考物理大二轮总复习与增分策略题型研究4加试计算题23题电</a></li><li><a title="习题详解" href=ythd_820628bbz31x2cx44eaw_9.html>习题详解</a></li><li><a title="SQL server 实用教程第三版试题有及答案" href=ythd_5x5jh409x20fvam2gyzr6h1tx45d76007md_1.html>SQL server 实用教程第三版试题有及答案</a></li><li><a title="菏泽牡丹园项目可行性分析报告 - 图文" href=ythd_0tmq775gf862a898ee4g_4.html>菏泽牡丹园项目可行性分析报告 - 图文</a></li><li><a title="妇产科护理学各章节练习题" href=ythd_4t4we4pwf91jxus0i37i_9.html>妇产科护理学各章节练习题</a></li><li><a title="1、公司危险源识别及评价汇总表(1)" href=ythd_5f6ch15l5y2ubi97rwym_1.html>1、公司危险源识别及评价汇总表(1)</a></li><li><a title="2016-2022年中国云母片市场行情动态报告 - 图文" href=ythd_7mggm4km867dd7c92wr3_5.html>2016-2022年中国云母片市场行情动态报告 - 图文</a></li><li><a title="高考物理二轮复习专题18电学实验讲含解析67物理" href=ythd_1yt480oa459bpag891bi6tck19hpxv003i4_1.html>高考物理二轮复习专题18电学实验讲含解析67物理</a></li><li><a title="竣工验收鉴定书" href=ythd_8a6hd4n3ad1jxus0i36y_3.html>竣工验收鉴定书</a></li><li><a title="四年级第一周数学练习" href=ythd_5hghb8xr8t8uhsm07ruc_1.html>四年级第一周数学练习</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': '3kv106q6zw0daet3z41o'}, async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2") { //游客 $(".vip-up").hide(); $(".vip-pay").hide(); var downid = '3kv106q6zw0daet3z41o' $('.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=3kv106q6zw0daet3z41o'); 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 = '3kv106q6zw0daet3z41o' $('.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=3kv106q6zw0daet3z41o'); 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=3kv106q6zw0daet3z41o'; } } }); }) $('.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>