jquery返回顶部
2015-07-02 09:01
676 查看
<a href="javascript:void(0);" id="gotop" class="to_img gotop">顶部</a>
<script type="text/javascript">
//返回顶部
backTop=function (btnId){
var btn=document.getElementById(btnId);
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
window.onscroll=set;
btn.onclick=function (){
btn.style.opacity="0.5";
window.onscroll=null;
this.timer=setInterval(function(){
scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
scrollTop-=Math.ceil(scrollTop*0.1);
if(scrollTop==0) clearInterval(btn.timer,window.onscroll=set);
if (document.documentElement.scrollTop > 0) document.documentElement.scrollTop=scrollTop;
if (document.body.scrollTop > 0) document.body.scrollTop=scrollTop;
},10);
};
function set(){
scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
btn.style.opacity=scrollTop?'1':"0.5";
}
};
backTop('gotop');
</script>
转载请注明(B5教程网)原文链接:http://www.bcty365.com/content-47-2538-1.html
<script type="text/javascript">
//返回顶部
backTop=function (btnId){
var btn=document.getElementById(btnId);
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
window.onscroll=set;
btn.onclick=function (){
btn.style.opacity="0.5";
window.onscroll=null;
this.timer=setInterval(function(){
scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
scrollTop-=Math.ceil(scrollTop*0.1);
if(scrollTop==0) clearInterval(btn.timer,window.onscroll=set);
if (document.documentElement.scrollTop > 0) document.documentElement.scrollTop=scrollTop;
if (document.body.scrollTop > 0) document.body.scrollTop=scrollTop;
},10);
};
function set(){
scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
btn.style.opacity=scrollTop?'1':"0.5";
}
};
backTop('gotop');
</script>
转载请注明(B5教程网)原文链接:http://www.bcty365.com/content-47-2538-1.html
相关文章推荐
- struts2+jquery+ajax的使用
- 10款基于jquery的web前端特效及源码下载
- jQuery切换所有复选框选中状态的方法
- jQuery移出style
- jQuery+toggle
- jQuery中的end()方法
- springMVC与jquery结合使用完整例子
- jquery遍历之children()与find()的区别
- jquery遍历table的tr获取td的值
- How to update jQuery Mobile in Dreamweaver CS6
- How to update jQuery Mobile in Dreamweaver CS6
- Jquery的个人学习笔记
- jquery国内cdn
- jQuery中间each实施例的方法
- JQuery使用的个人笔记
- jquery动态元素绑定事件
- 使用AmplifyJS和JQuery编写更好更优雅的javascript事件处理代码
- jquery获取当前时间
- jQuery获取父级元素、同级元素、子元素、过滤
- [jQuery] jQuery.extend 函数详解