用jQuery实现的智能隐藏、滑动效果的返回顶部代码

<p id="back-to-top"><a href="#top"><span></span>回到顶部</a></p>

　　<script type="text/javascript" src="js/jquery-1.7.2.min.js">

　　</script>

　　<script type="text/javascript">

　　$(document).ready(function() {

　　//首先将#back-to-top隐藏

　　$("#back-to-top").hide();

　　//当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失

　　$(function() {

　　$(window).scroll(function() {

　　if ($(window).scrollTop() > 100) {

　　$("#back-to-top").fadeIn(1500);

　　} else {

　　$("#back-to-top").fadeOut(1500);

　　}

　　});

　　//当点击跳转链接后，回到页面顶部位置

　　$("#back-to-top").click(function() {

　　$('body,html').animate({

　　scrollTop: 0

　　},

　　1000);

　　return false;

　　});

　　});

　　});

　　</script>