兼容IE6的淘宝悬浮工具栏

简介:   body,html{margin:0;padding:0;font-size:12px;font-family:Arial;font:12px/1 Helvetica, Tahoma, Arial, /5b8b/4f53, sans-serif;background:url(/100100759.

<!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>
<title>  </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body,html{margin:0;padding:0;font-size:12px;font-family:Arial;font:12px/1 Helvetica, Tahoma, Arial, /5b8b/4f53, sans-serif;background:url(/100100759.png) fixed}
#float{background:url(http://www.css88.com/wp-content/uploads/2009/10/tb2.png) no-repeat -12px -37px;width:744px;height:34px;border:1px solid #C0DBF8;position:absolute;top:0}
#box{position:relative;height:500px;width:744px;background:#ddd url(http://home.blueidea.com/attachment/201004/9/506384_1270823833Kkk2.jpg) no-repeat;}
</style>
</head>
<body>
<div style="height:300px;background:#eee"></div>
<div id="box"><div id="float" ></div>123</div>
<div style="height:1000px;background:#eee"></div>
</body>
<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>
</html>

目录
相关文章
【技术贴】网页把IE工具栏给隐藏了怎么办
【技术贴】网页把IE工具栏给隐藏了怎么办? 按F11,全屏即可看到隐藏的工具栏又回来了。 再按F11 又隐藏回去了。
863 0
IE Developer Toolbar工具栏显示灰色无法使用的解决办法
在IE 8下面是提供了自带的Developer Toolbar,按F12可以调出,工具栏的菜单默认是灰色的。 对于IE 6和IE 7可以查看: 工具-> Internet 选项-> 程序-> 管理插件-> IE Developer Toolbar BHO -> Enable Sorry,我用的英文版,只能提供英文的抓图了。
763 0
IE开发工具栏
这个文件主要用于IE中显示页面简单信息用的,还可以。 下载地址 http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en  功能比FireBug稍微差点,但也挺好用的,支持IE6/7.
786 0
|
Web App开发 前端开发 JavaScript
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
Web App开发 XML 开发框架
技术心得记录:在IE浏览器中的奇怪页面表现
技术心得记录:在IE浏览器中的奇怪页面表现
229 0
|
JavaScript 前端开发
|
JavaScript
VUE——如何兼容IE9|IE10|IE11浏览器
VUE——如何兼容IE9|IE10|IE11浏览器
317 0
VUE——如何兼容IE9|IE10|IE11浏览器