DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery滾動到頂部底部代碼
jquery滾動到頂部底部代碼
編輯:JavaScript綜合知識     

  以下是jquery滾動到頂部底部代碼的介紹,希望對你有幫助。

  jquery滾動到頂部底部是一款簡單的滾動到頂部底部控制。是一個很實用的功能,他能幫助新手和高級開發者們創造美好的用戶體驗。這裡推薦給大家,有需要的小伙伴可以參考下。

  HTML

  ?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片預加載</title> <link rel="stylesheet" type="text/css" href="css/index.css"> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/index.js"></script> </head> <body> <div class="a"> jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部 </div> <input type="button" class="scrollTop" value="回到頂部"> </body> </html>

  JS代碼

  ?

1 2 3 4 5 $(function(){ $(".scrollTop").click(function(){ $('html, body').animate({scrollTop:0}, 'slow');//回到頂部 }) })

  以上所述就是本文的全部代碼了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved