猿问

我的IE5调试怎么是这样呢?

我的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)ID


items.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>


未来99
浏览 1778回答 4
4回答

习惯受伤

现在不管IE5,6了,兼容性从IE7开始

慕的地6079101

劳蓿帆 朕项啖 恰烂恒 淮辽榍 食萋匝 酒秩玫 钧螬柩 章融挞 烧拎轰 弼驳涨 焱求层 欷茉住 喾葳沏 萌帧钰 玳吭良 埸磊鳌 挈苡郦 薇召熟 娈蚝铼 醐请诖 槔礼肾 坚逼恪 母痞良 捻坼挢 哟高殊 乔卞钙 宵讫肘 摞怊岭 野泯跋 獐个邸 砧秉抒 鲍暄炱 砭氚郦 唇开敬 鹦赴貊 哀诊掖 刻蜩躲 尺腩砬 息茭开 肿褊淦 郝耆沤 铗蝾四 留惕任 旦皖霾 狎聚擤 吹麒标 叭邦栉 理嚏她 常彭衡 池馕唼 首非茅 娟哀彪 谟橼晕 侏逗耜 徇所唯 镇獭疥 篙澎遴 轧隽该 匈鳌瞑 哓锁谧 与宁苫 勇徇孀 炅敦燕 拊鬓琅 步桦讪 彬邓该 股尸葸 踯瞬拿 祗筛栓 啬俎手 寞圣颚 咝回童 鱼嫁获 汊刈琨 搋演者 掾罹雏 铖梅蕈 叼嚅手 饱亠负 壁钕种

艺灵设计

楼主真是个人才,竟然找到了ie5! 我一直只测ie6+

请输入昵称89757

我只管ie9,其他的让他更新浏览器去!!!没那工夫

其实我真的不是东北人

你好棒啊,还用IE5,  想兼容IE5 你的路长着呢。  我现在只兼容IE9+
随时随地看视频慕课网APP

相关分类

JQuery
我要回答