当前位置：首页 > html基础demo

html基础demo

62 次阅读
3 次下载
2025/5/3 8:17:07

———————————————————————————————————— html基础复选框一组,默认选中

选购经典

result:

html基础下拉选择框一个，默认选中

result:

html基础多行文本框设置高度宽度默认文本 </body> </html> </p><p>result: </p><p> </p><p>html基础提交按钮数据重置按钮带图片的按钮普通按钮，点击关闭当前页面 <!DOCTYPE html> <html> <head> <meta http-equiv=\ <title></title> <meta charset=\</head> <body> <table border=\ <tr> <td><input type=\提交所有的表单\ <td><input type=\所有数据重置\ <td><input type=\  </td> </tr> </table> </body> </html> </p><p>result: </p><p></p><div class="page"><ul><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_1.html>1</a></li><li><a title=上一页 href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_7.html><<</a></li><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_5.html>5</a></li><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_6.html>6</a></li><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_7.html>7</a></li><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_8.html class="hover" >8</a></li><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_9.html>9</a></li><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_10.html>10</a></li><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_11.html>11</a></li><li><a title=下一页 href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_9.html>>></a></li><li><a href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_28.html>28</a></li></ul></div> <div class="s-more">搜索更多关于： <a class="title2" title="html基础demo" href="ys_02w038031030hdmnr402s02t031033_1.html">html基础demo</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="html基础demo" href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_8.html>html基础demo</a></li><li><a title="2017年北京市石景山区高三一模英语试题（word版含答案）剖析" href=ythd_2tmrx7pp1j92i2p9mey92mdyx423a401cbu_1.html>2017年北京市石景山区高三一模英语试题（word版含答案）剖析</a></li><li><a title="电大形成性考核作业：金融理论前沿课题" href=ythd_3walf84tk20088t3wpra_3.html>电大形成性考核作业：金融理论前沿课题</a></li><li><a title="黑龙江省牡丹江市第一高级中学2017-2018学年高二上学期期末考试物理试题(解" href=ythd_2a1bh7n4cs8iiwn479cv9uewu2s0h401e46_3.html>黑龙江省牡丹江市第一高级中学2017-2018学年高二上学期期末考试物理试题(解</a></li><li><a title="财务管理课程设计实训" href=ythd_8yb6n2712q28mwx144ug_4.html>财务管理课程设计实训</a></li><li><a title="仁爱版英语七年级下册Unit6Topic2" href=ythd_44ks615ixa9ersa9pruq6ksx797jp100wop_1.html>仁爱版英语七年级下册Unit6Topic2</a></li><li><a title="环境工程实验指导及讲义" href=ythd_4odxi0u0pa4vbt01g9v5_5.html>环境工程实验指导及讲义</a></li><li><a title="[附件]附件1：中国南方电网调度运行操作管理规定（2017年版）" href=ythd_85wou399320cqsi0v0jd0weks4q8jb00nq5_4.html>[附件]附件1：中国南方电网调度运行操作管理规定（2017年版）</a></li><li><a title="CCS6.0教程 - 图文" href=ythd_4bfzt5akua8ojit8frgf_8.html>CCS6.0教程 - 图文</a></li><li><a title="医学影像设备试题" href=ythd_4hzra3kaoi38ccg96pd5_1.html>医学影像设备试题</a></li><li><a title="土方开挖与回填土施工方案" href=ythd_3whwu0b56l7u3cm9al3q_4.html>土方开挖与回填土施工方案</a></li><li><a title="会计专业技术资格考试合格人员登记表" href=ythd_8v3lq6ckqe4uc568cqjj1x2cx44ea901aai_1.html>会计专业技术资格考试合格人员登记表</a></li><li><a title="山东省滨州市2019中考数学试卷(A卷)(解析版)" href=ythd_4ctvl1sg093fre38hic91cf865brly010qg_3.html>山东省滨州市2019中考数学试卷(A卷)(解析版)</a></li><li><a title="人教版小学五年级上册数学《观察物体》教学设计" href=ythd_1acyl82z2k55t2h95x553fre38hic9011ao_2.html>人教版小学五年级上册数学《观察物体》教学设计</a></li><li><a title="石膏深加工产品项目可行性研究报告(年产2万吨α石膏粉及20万吨高性能β石膏粉生产" href=ythd_5wghy0lq0e6tck09hllo_2.html>石膏深加工产品项目可行性研究报告(年产2万吨α石膏粉及20万吨高性能β石膏粉生产</a></li><li><a title="澶氬眰浣忓畢妤煎叏濂楁瘯涓氳璁?- 鐧惧害鏂囧簱" href=ythd_24cqy62n5v0h1ll01eyq0a6ri16ozy014fn_4.html>澶氬眰浣忓畢妤煎叏濂楁瘯涓氳璁?- 鐧惧害鏂囧簱</a></li><li><a title="2017年学校年度工作总结范文" href=ythd_0rl2h3epzi4vbt01gdv99bpag891bi0042r_1.html>2017年学校年度工作总结范文</a></li><li><a title="高级口译复习绝招" href=ythd_23ofi20j714i6jo0x0hu_2.html>高级口译复习绝招</a></li><li><a title="老西小学信访安全工作目标责任书2011.2" href=ythd_2mmcm0tvli0n19a8i5kv_1.html>老西小学信访安全工作目标责任书2011.2</a></li><li><a title="中级财务管理单项选择题专练（250题）" href=ythd_58dxz8d90u6tck19hlnk_6.html>中级财务管理单项选择题专练（250题）</a></li><li><a title="大学物理学习指导下作业题参考答案000.doc.deflate" href=ythd_5xmhh9u6tb9mzf00wd41_2.html>大学物理学习指导下作业题参考答案000.doc.deflate</a></li><li><a title="高等几何答案" href=ythd_4cku25czs93x5if1kn03_3.html>高等几何答案</a></li><li><a title="20160114海南医学院2015年毕业生就业质量年度报告" href=ythd_4d7fm1bsaw4m0xc0pdu4_1.html>20160114海南医学院2015年毕业生就业质量年度报告</a></li><li><a title="碧水湾温泉度假村200问" href=ythd_0rj8w4z4f83gznb0fxbu_7.html>碧水湾温泉度假村200问</a></li><li><a title="山东省滨州市2019中考数学试卷（A卷）（解析版）" href=ythd_4ctvl1sg093fre38hic91cf865brly010qg_2.html>山东省滨州市2019中考数学试卷（A卷）（解析版）</a></li><li><a title="2013人教版初二上英语Unit 3 Im more outgoing than" href=ythd_61ry35ue0t6c4rp7pou4_1.html>2013人教版初二上英语Unit 3 Im more outgoing than</a></li><li><a title="基础会计（第三版）学习指导书150921" href=ythd_7qoue707tl371qz5cnoc_4.html>基础会计（第三版）学习指导书150921</a></li><li><a title="鲁国土资字[2011]439号文件：关于进一步规范矿产资源开发利用方案编审工作的" href=ythd_7nn6614xa10vngk59er3_1.html>鲁国土资字[2011]439号文件：关于进一步规范矿产资源开发利用方案编审工作的</a></li><li><a title="九年级语文下册第四单元 13《曹刿论战》教学案（无解答）苏教版" href=ythd_5jnvp3ey0y2i4cx3q5al1oirv327wf00pjy_1.html>九年级语文下册第四单元 13《曹刿论战》教学案（无解答）苏教版</a></li><li><a title="四年级英语阅读理解竞赛" href=ythd_3wcm07se9d2mdyx42w94_1.html>四年级英语阅读理解竞赛</a></li><li><a title="四年级奥数培训教材(共77页)" href=ythd_5r3hn6el3e7tdil036aw_12.html>四年级奥数培训教材(共77页)</a></li><li><a title="差序格局资料 - 图文" href=ythd_33h2l05j3t6trx0166b9_1.html>差序格局资料 - 图文</a></li><li><a title="石膏深加工产品项目可行性研究报告（年产2万吨α石膏粉及20万吨高性能β石膏粉生产" href=ythd_5wghy0lq0e6tck09hllo_4.html>石膏深加工产品项目可行性研究报告（年产2万吨α石膏粉及20万吨高性能β石膏粉生产</a></li><li><a title="2016江苏省科技成果转化项目申请报告书(范式)" href=ythd_1p06p0lq7i6tck19hpxv8jj329nz7x003kx_7.html>2016江苏省科技成果转化项目申请报告书(范式)</a></li><li><a title="初中语文字词句练习4" href=ythd_0y7pr9xt9k6m3qo9y5qx_6.html>初中语文字词句练习4</a></li><li><a title="北京市第43中学2014—2015学年度第二学期高一数学6月月考（最终版）" href=ythd_62lpy4w9i49sc9l3qd3l_1.html>北京市第43中学2014—2015学年度第二学期高一数学6月月考（最终版）</a></li><li><a title="2018最新北师大版一年级下册数学总复习（数与代数）试卷" href=ythd_4sxcd4s41b76vac3ljxx41z4g1sgcd0185m_1.html>2018最新北师大版一年级下册数学总复习（数与代数）试卷</a></li><li><a title="[精选]统计学统计学- - 典型案例、问题和思想-精心整理 - 图文" href=ythd_4isov5wkdj0a0pl1szsm0n19a8hr9t00gtt_1.html>[精选]统计学统计学- - 典型案例、问题和思想-精心整理 - 图文</a></li><li><a title="2011-2018年北京八年中考数学试卷及答案(word)" href=ythd_5g3bn2y9zl2nsft0iuth97tl37kuug00ree_4.html>2011-2018年北京八年中考数学试卷及答案(word)</a></li><li><a title="党务管理信息系统常见问题解答" href=ythd_59glh5cso85o77k30e8m0fvqu4yw9b00pdi_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> ———————————————————————————————————— html基础复选框一组,默认选中 <meta http-equiv=\ <meta charset=\ <table border=\ 选购经典 <input type=\checked=\金刚经 <input type=\checked=\地藏菩萨本愿经 <input type=\checked=\楞严经 <input t</h2> </div> <div class="link_docs"> <h3>相关文档</h3> <ul> <li><a title="html基础demo" href=ythd_2slqc3u2b99bpag891bi6tck19hpxv003ic_8.html>html基础demo</a></li><li><a title="2017年北京市石景山区高三一模英语试题（word版含答案）剖析" href=ythd_2tmrx7pp1j92i2p9mey92mdyx423a401cbu_1.html>2017年北京市石景山区高三一模英语试题（word版含答案）剖析</a></li><li><a title="电大形成性考核作业：金融理论前沿课题" href=ythd_3walf84tk20088t3wpra_3.html>电大形成性考核作业：金融理论前沿课题</a></li><li><a title="黑龙江省牡丹江市第一高级中学2017-2018学年高二上学期期末考试物理试题(解" href=ythd_2a1bh7n4cs8iiwn479cv9uewu2s0h401e46_3.html>黑龙江省牡丹江市第一高级中学2017-2018学年高二上学期期末考试物理试题(解</a></li><li><a title="财务管理课程设计实训" href=ythd_8yb6n2712q28mwx144ug_4.html>财务管理课程设计实训</a></li><li><a title="仁爱版英语七年级下册Unit6Topic2" href=ythd_44ks615ixa9ersa9pruq6ksx797jp100wop_1.html>仁爱版英语七年级下册Unit6Topic2</a></li><li><a title="环境工程实验指导及讲义" href=ythd_4odxi0u0pa4vbt01g9v5_5.html>环境工程实验指导及讲义</a></li><li><a title="[附件]附件1：中国南方电网调度运行操作管理规定（2017年版）" href=ythd_85wou399320cqsi0v0jd0weks4q8jb00nq5_4.html>[附件]附件1：中国南方电网调度运行操作管理规定（2017年版）</a></li><li><a title="CCS6.0教程 - 图文" href=ythd_4bfzt5akua8ojit8frgf_8.html>CCS6.0教程 - 图文</a></li><li><a title="医学影像设备试题" href=ythd_4hzra3kaoi38ccg96pd5_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': '2slqc3u2b99bpag891bi6tck19hpxv003ic'}, async: false, success: function (data, textStatus, jqXHR) { if (data.code === "2") { //游客 $(".vip-up").hide(); $(".vip-pay").hide(); var downid = '2slqc3u2b99bpag891bi6tck19hpxv003ic' $('.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=2slqc3u2b99bpag891bi6tck19hpxv003ic'); 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 = '2slqc3u2b99bpag891bi6tck19hpxv003ic' $('.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=2slqc3u2b99bpag891bi6tck19hpxv003ic'); 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=2slqc3u2b99bpag891bi6tck19hpxv003ic'; } } }); }) $('.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>