我的IE5调试怎么是这样呢？现在这个IE5和6还重不重要的<!DOCTYPE html><html><head><meta charset="UTF-8"><title>地狗购物网——网页定位导航效果</title><style>* {margin: 0;padding: 0;} body{ font-size: 12px;line-height: 1.7; }li{list-style-type: none;}#content{width: 800px;margin: 0 auto; padding: 20px;}#content h1{color: #0088bb;}#content .item{padding: 20px;margin-bottom: 20px;border: 1px dotted #0088bb;}#content .item h2{font-size: 16px;font-weight: bold;border-bottom: 2px solid #0088bb;margin-bottom: 10px;}#content .item li{display: inline;margin-right: 10px;}#content .item li a img{width: 230px;height: 230px;border: none;}#menu{position: fixed;top: 100px;left: 50%;margin-left: 400px;width: 80px;}#menu ul li a{display: block;margin: 5px 0;font-size: 14px;font-weight: bold;color: #333;width: 80px;height: 50px;line-height: 50px;text-decoration: none;text-align: center;}#menu ul li a:hover,#menu ul li a.current{color: #fff;background-color: #0088bb;}/* hack */*html,*html body{background-image:url(about:blank);background-attachment:fixed;}* html #menu{position: absolute;top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+'px');}</style><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><script>$(document).ready(function() {//滚动条发生滚动$(window).scroll(function() {//在这里，我们做一些事情var top = $(document).scrollTop();var menu = $("#menu");var items = $("#content").find(".item");var currentId = "";//当前所在的楼层（item）IDitems.each(function () {var m = $(this);var itemTop = m.offset().top;if (top>itemTop - 200) {currentId = "#"+m.attr("id");}else{return false;}})//给相应楼层的#，设置current,取消其他链接的current;var currentLink = menu.find(".current");if (currentId && currentLink.attr("href") != currentId) {currentLink.removeClass('current');menu.find("[href=" + currentId + "]").addClass('current');}//console.log(top);});});</script></head><body><div id="menu"><ul><li><a href="#item1">1F 男装</a></li><li><a href="#item2">2F 女装</a></li><li><a href="#item3">3F 美妆</a></li><li><a href="#item4">4F 数码</a></li><li><a href="#item5">5F 母婴</a></li></ul></div><div id="content"><h1>地狗购物网</h1><div id="item1"><h2>1F 男装</h2><ul><li><a href="#"><img src="images/1F.jpg" alt=""></a></li><li><a href="#"><img src="images/1F.jpg" alt=""></a></li><li><a href="#"><img src="images/1F.jpg" alt=""></a></li><li><a href="#"><img src="images/1F.jpg" alt=""></a></li><li><a href="#"><img src="images/1F.jpg" alt=""></a></li><li><a href="#"><img src="images/1F.jpg" alt=""></a></li><li><a href="#"><img src="images/1F.jpg" alt=""></a></li><li><a href="#"><img src="images/1F.jpg" alt=""></a></li><li><a href="#"><img src="images/1F.jpg" alt=""></a></li></ul></div><div id="item2"><h2>2F 女装</h2><ul2<li><a href="#"><img src="images/2F.jpg" alt=""></a></li><li><a href="#"><img src="images/2F.jpg" alt=""></a></li><li><a href="#"><img src="images/2F.jpg" alt=""></a></li><li><a href="#"><img src="images/2F.jpg" alt=""></a></li><li><a href="#"><img src="images/2F.jpg" alt=""></a></li><li><a href="#"><img src="images/2F.jpg" alt=""></a></li><li><a href="#"><img src="images/2F.jpg" alt=""></a></li><li><a href="#"><img src="images/2F.jpg" alt=""></a></li><li><a href="#"><img src="images/2F.jpg" alt=""></a></li></ul></div><div id="item3"><h2>3F 美妆</h2><ul><li><a href="#"><img src="images/3F.jpg" alt=""></a></li><li><a href="#"><img src="images/3F.jpg" alt=""></a></li><li><a href="#"><img src="images/3F.jpg" alt=""></a></li><li><a href="#"><img src="images/3F.jpg" alt=""></a></li><li><a href="#"><img src="images/3F.jpg" alt=""></a></li><li><a href="#"><img src="images/3F.jpg" alt=""></a></li><li><a href="#"><img src="images/3F.jpg" alt=""></a></li><li><a href="#"><img src="images/3F.jpg" alt=""></a></li><li><a href="#"><img src="images/3F.jpg" alt=""></a></li></ul></div><div id="item4"><h2>4F 数码</h2><ul><li><a href="#"><img src="images/4F.jpg" alt=""></a></li><li><a href="#"><img src="images/4F.jpg" alt=""></a></li><li><a href="#"><img src="images/4F.jpg" alt=""></a></li><li><a href="#"><img src="images/4F.jpg" alt=""></a></li><li><a href="#"><img src="images/4F.jpg" alt=""></a></li><li><a href="#"><img src="images/4F.jpg" alt=""></a></li><li><a href="#"><img src="images/4F.jpg" alt=""></a></li><li><a href="#"><img src="images/4F.jpg" alt=""></a></li><li><a href="#"><img src="images/4F.jpg" alt=""></a></li></ul></div><div id="item5"><h2>5F 母婴</h2><ul><li><a href="#"><img src="images/5F.png" alt=""></a></li><li><a href="#"><img src="images/5F.png" alt=""></a></li><li><a href="#"><img src="images/5F.png" alt=""></a></li><li><a href="#"><img src="images/5F.png" alt=""></a></li><li><a href="#"><img src="images/5F.png" alt=""></a></li><li><a href="#"><img src="images/5F.png" alt=""></a></li><li><a href="#"><img src="images/5F.png" alt=""></a></li><li><a href="#"><img src="images/5F.png" alt=""></a></li><li><a href="#"><img src="images/5F.png" alt=""></a></li></ul></div></div></body></html>
4 回答
慕的地6079101
TA贡献3593条经验 获得超0个赞
劳蓿帆
朕项啖
恰烂恒
淮辽榍
食萋匝
酒秩玫
钧螬柩
章融挞
烧拎轰
弼驳涨
焱求层
欷茉住
喾葳沏
萌帧钰
玳吭良
埸磊鳌
挈苡郦
薇召熟
娈蚝铼
醐请诖
槔礼肾
坚逼恪
母痞良
捻坼挢
哟高殊
乔卞钙
宵讫肘
摞怊岭
野泯跋
獐个邸
砧秉抒
鲍暄炱
砭氚郦
唇开敬
鹦赴貊
哀诊掖
刻蜩躲
尺腩砬
息茭开
肿褊淦
郝耆沤
铗蝾四
留惕任
旦皖霾
狎聚擤
吹麒标
叭邦栉
理嚏她
常彭衡
池馕唼
首非茅
娟哀彪
谟橼晕
侏逗耜
徇所唯
镇獭疥
篙澎遴
轧隽该
匈鳌瞑
哓锁谧
与宁苫
勇徇孀
炅敦燕
拊鬓琅
步桦讪
彬邓该
股尸葸
踯瞬拿
祗筛栓
啬俎手
寞圣颚
咝回童
鱼嫁获
汊刈琨
搋演者
掾罹雏
铖梅蕈
叼嚅手
饱亠负
壁钕种
- 4 回答
- 0 关注
- 1777 浏览
添加回答
举报
0/150
提交
取消