教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript 代码简洁的仿淘宝悬浮工具栏

javascript 代码简洁的仿淘宝悬浮工具栏

发布时间:2017-06-30   编辑:jiaochengji.com
教程集为您提供javascript 代码简洁的仿淘宝悬浮工具栏等资源,欢迎您收藏本站,我们将为您提供最新的javascript 代码简洁的仿淘宝悬浮工具栏资源
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >javascript 代码简洁的仿淘宝悬浮工具栏 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>javascript 代码简洁的仿淘宝悬浮工具栏</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> body,html{margin:0;padding:0;} #float{background:url(http://www.zzsky.cn/effect/images/201004241750/tb.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://www.zzsky.cn/effect/images/201004241750/pic.jpg) no-repeat;} </style> </head> <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> </body> </html></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
javascript 代码简洁的仿淘宝悬浮工具栏
javascript 仿淘宝网悬停在页面固定位置的菜单窗口
兼容ie6淘宝浮动工具样
JS右下角悬浮广告代码的简单示例
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
photoshop淘宝化妆品海报设计实例制作教程
php获取淘宝分类id(示例)
超级兔子让浮动层消失的前因后果
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
jQuery powerFloat万能浮动层下拉层插件使用介绍

[关闭]
~ ~