当前位置：网站首页 >>亚博官网yabet2924.cpm特效 >>浏览器 >>亚博官网yabet2924.cpm特效演示

亚博官网yabet2924.cpm实用特性代码:点击亚博官网yabet2924.cpm右下侧按钮返回顶部

http://www.webjx.com/??2012-07-03 01:29:35??来源:亚博官网yabet2924.cpm教学网?

点击亚博官网yabet2924.cpm右下面的按钮回到顶部js效果：

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>点击亚博官网yabet2924.cpm右下面的按钮回到顶部js效果-www.webjx.com</title> <script type="text/javascript"> window.onload=function() { var oBtn=document.getElementById('btn1'); var bSys=true; var timer=null; //检测用户是否拖动了滚动条 window.onscroll=function() { if(!bSys) //如果用户在回去时拖动了滚动条则删除定时器 { clearInterval(timer); } bSys=false; } oBtn.onclick=function() { timer=setInterval(function(){ var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; var iSpeed=Math.floor(-scrollTop/8); if(scrollTop==0) { clearInterval(timer); } bSys=true; document.documentElement.scrollTop=document.body.scrollTop=scrollTop+iSpeed; },30) } } </script> </head> <body> <div style="height:2000px;"></div> <input type="button" value="回到顶部" id="btn1" /> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

复制链接发给好友收藏本文关闭此页

上一篇：亚博官网yabet2924.cpm设计资源下载:WEBJX收集黑白色调亚博官网yabet2924.cpm小图标

下一篇：导航特效代码:HTML5+CSS3模拟apple官网导航

亚博官网yabet2924.cpm实用特性代码:点击亚博官网yabet2924.cpm右下侧按钮返回顶部

相关文章

阅读排行

专题教程

推荐文章

最新更新