博主辛苦了，我要打赏银两给博主，犒劳犒劳站长。
【摘要】Jquery实现返回顶部完整代码
完整代码如下：
<!DOCTYPE html>
<html>
<head>
<title>返回顶部</title>
<meta charset="utf-8" />
<script type="text/javascript" src="jquery-1.8.2.js"></script>
<style type="text/css">
body{height:2000px;
}
#scrollTop{position:fixed;
width:48px;
height:48px;
bottom:100px;
right:100px;
text-align:center;
background:url("images/5.png"); color:#FFF;
font-size:12px;
cursor:pointer;
display:none;
}
#scrollTop:hover{background-position:-48px 0px;
}
</style>
</head>
<body>
<div id="scrollTop"></div>
<script type="text/javascript">
$(window).scroll(function(){ if($(window).scrollTop()<=100){ $("#scrollTop").fadeOut(1000); }else{ $("#scrollTop").fadeIn(1000);}
})
$("#scrollTop").click(function(){ $('body,html').animate({scrollTop:0},500);})
</script>
</body>
</html>
演示地址：
http://mafutian.net/home/demo/index/id/22.html源代码下载地址：
http://mafutian.net/public/home/download/demo/22.zip版权归 马富天个人博客 所有
本文链接地址：http://www.mafutian.com/22.html
转载请务必注明出处，小生将不胜感激，谢谢! 喜欢本文或觉得本文对您有帮助，请分享给您的朋友 ^_^
顶7
踩1
第 1 楼 bandwagonhost 2016-03-30 09:12:41 江苏苏州
好的，已添加~
| 评论审核未开启 |
|
||
|