jquery實現從網頁底部到網頁頂部的程式碼
阿新 • • 發佈:2018-11-09
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>jquery實現從底部到頂部的功能</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <p>哈哈哈哈哈哈哈</p> <a id="gotop">衝上去</a> <script type="text/javascript"> $("#gotop").click(function () { var speed=200; //設定滑動的速度 $('body,html').animate({ scrollTop: 0 }, speed); return false; }); </script> </body> </html>
樣式自行新增修改!