jquery实现跳到底部，回到顶部效果的简单实例(类似锚)
实例如下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>jquery实现跳到底部，回到顶部效果的简单实例(类似锚)</title>
<scriptsrc="jquery-1.4.4.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
jQuery(function(){
$('#top').click(function(){$('html,body').animate({scrollTop:'0px'},1000);returnfalse;});
$('#foot').click(function(){$('html,body').animate({scrollTop:$('#footer').offset().top},1000);returnfalse;});
})
</script>
</head>
<body>
<br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/>
<ahref="#"id="foot">跳到底部</a>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<br/><br/><br/><br/>
<ahref="#"id="top">返回顶部</a>
<br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/>
<aname="footer"id="footer"></a>
</body>
</html>
以上这篇jquery实现跳到底部，回到顶部效果的简单实例(类似锚)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。