仿淘宝网浮动菜单及top返回顶部JS代码 

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312"/>
<meta http-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>
<title>123</title>
</head>
<body>
<div style="height:300px"></div>
<style type="text/css">
#float{float:left;position:absolute;top:0;background:#F7FAFF;border-top:2px #FF5500 solid;border-bottom:1px #dfdfdf solid;border-right:1px #dfdfdf solid;border-left:1px #dfdfdf solid;width:960px;font:12px/1.5 tahoma,arial,\5b8b\4f53;}
#box{position:relative;z-index:99999}
.applisttop{float:left;width:960px;background:#F7FAFF;font:12px/1.5 tahoma,arial,\5b8b\4f53;}
.applisttop ul{float:left;width:860px;line-height:30px;vertical-align:middle}
</style>
<div class="applisttop" id="box">
<div id="float">
<ul>
123fsdfd很似懂非懂闪光灯
</ul>
</div>
</div>
<div style="height:3000px"></div>
<script type="text/javascript">
var IO=document.getElementById('float'),Y=IO,H=0,IE6;
IE6=window.ActiveXObject&&!window.XMLHttpRequest;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
if(IE6)
    IO.style.cssText="position:absolute;top:expression(this.fix?(document"+
        ".documentElement.scrollTop-(this.javascript||"+H+")):0)";
window.onscroll=function (){
    var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);
    if(s>H&&IO.fix||s<=H&&!IO.fix)return;
    if(!IE6)IO.style.position=IO.fix?"":"fixed";        
    IO.fix=!IO.fix;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};
 //]]>
</script> 
</body>
</html>

　　http://16sucai.com/2012/03/14360.html

posted @ 2012-05-10 18:01  赵小磊  阅读(1668)  评论(0)    收藏  举报
回到头部