jquery 跳到頂部和底部動畫2句代碼簡單實現

使用句代碼簡單實現jquery動畫的跳到頂部和底部當點擊頂部按鈕的時候執行方法scrollTop屬性獲取選中標簽距滾動條的距離具體的實現如下感興趣的朋友可以參考下復制代碼代碼如下:

<!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<html xmlns="
<head>
<title>Untitled Page</title>
<script type="text/javascript" src=jqueryjs></script>
<script>
$(document)ready(function () {
//當點擊頂部按鈕的時候執行方法scrollTop屬性獲取選中標簽距滾動條的距離
$(#top)click(function () {
$(html)animate(
{ scrollTop: px }
);
});
//當點擊底部標簽時候執行方法其中offset()獲取匹配元素在當前視口的相對偏移返回的是一個對象有兩個屬性topleft
//animate的第二個屬性當然我們也可以設置slownormal或fast
$(#foot)click(function () {
$(html)animate(
{scrollTop:$(span)offset()top}
);
});
});
</script>
</head>
<body>
 
<a href="#" id="foot">底部</a>
 
 

<a href="#" id="top">頂部</a>
 

</body>
</html>

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20519.html