1. 程式人生 > >“返回頂部程式碼”滑動效果 jQuery超級簡單實用寫法

“返回頂部程式碼”滑動效果 jQuery超級簡單實用寫法

東西很簡單,還是利用jQuery,直接程式碼:

html程式碼,一般放在footer.php裡:

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

CSS程式碼,使用了fixed讓物件固定於瀏覽器視窗:

#top{position:fixed;bottom:0;right:10px;}

程式碼,注意正常使用的幾個條件:

$('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);return false;});

OK,此文完!

那個 800 是調節移動速度的 也就是毫秒 你可以自動調節

這個jqu 真是變態呢 一句程式碼 就可以替換js 10行程式碼  越來越愛了 !!!