联系我们 | 收藏 | 注册 | 登录
<!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=utf-8" /> <title>仿淘宝回到顶部代码</title> <!--[if lt IE 7]> <style type="text/css"> #gotopbtn{position:absolute;top:expression(eval(document.documentElement.scrollTop + 350));} </style> <![endif]--> <style type="text/css"> body{ font:12px Verdana, Geneva, sans-serif; line-height:1.2; text-align:center; margin:0px; } #gotopbtn { width:100px; height:30px; background:#fff; position:fixed; bottom:100px; right:20px; display:none; cursor:pointer; font-size:14px; line-height:30px; border:1px solid #aaa; } .main{ width:100%; background:#ccc; margin:0 auto; } </style> </head> <body> <div class="main"> <img src="/webkey.png" width="1004" height="2408"><br> </div> <div id="gotopbtn">返回顶部</div> <script type="text/javascript"> backTop=function (btnId){ var btn=document.getElementById(btnId); var d=document.documentElement; window.onscroll=set; btn.onclick=function (){ btn.style.display="none"; window.onscroll=null; this.timer=setInterval(function(){ d.scrollTop-=Math.ceil(d.scrollTop*0.1); if(d.scrollTop==0) clearInterval(btn.timer,window.onscroll=set); },10); }; function set(){btn.style.display=d.scrollTop?'block':"none"} }; backTop('gotopbtn'); </script> </body> </html>
以下为另一版本仿淘宝jquery插件演示文件下载地址
http://www.webkey.cn/demo/view.asp?id=377
版权所有 2007 IT人家
粤ICP备06126651号 本站法律顾问:刘军律师(13911516355)