亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jquery網(wǎng)頁回到頂部效果(圖標(biāo)漸隱,自寫)

 更新時(shí)間：2014年06月16日 16:37:19   投稿：whsnow  
當(dāng)網(wǎng)頁內(nèi)容草雞多的時(shí)候，用戶就需要有個(gè)按鈕快速回到頂部，于是用js來實(shí)現(xiàn)下，畫布多說，直接上代碼
唔，進(jìn)來開發(fā)需求，當(dāng)網(wǎng)頁內(nèi)容草雞多的時(shí)候，用戶就需要有個(gè)按鈕快速回到頂部，而不是自己去滾滑輪~

原本以為比較難的說，因?yàn)樯项^要求全部用js來實(shí)現(xiàn)，哪個(gè)頁面引用，哪個(gè)頁面顯示。

于是乎，本屌絲就嘗試寫了下，唔，沒發(fā)現(xiàn)，還挺easy的說~~

有屁我就快放了，直接上代碼，屁放多了就成屎了~~唔，罪過，阿彌陀佛，阿門~~
復(fù)制代碼 代碼如下:

<pre name="code" class="javascript">//回到頂部js
$(function(){
var $btn_top = $('<a id="scrollTopBtn"><img src="css/web/images/scrollTop.png"></a>');
$btn_top.css({
'display':'none',
'width':'40px',
'height':'40px',
'position':'fixed',
'right':'20px',
'bottom':'100px',
'z-index':'999'
});
$("body").append($btn_top);
$("body").on("click","#scrollTopBtn",function(){
$("html,body").animate({scrollTop: 0},"slow");
});
var $btn = $("#scrollTopBtn");
if($(window).scrollTop() > 100){
$btn.fadeIn(600);
}
$(window).scroll(function(){
if($(window).scrollTop() > 100){
$btn.fadeIn(600);
}else{
$btn.fadeOut(600);
}
});
});

圖片自己找個(gè)就好啦，我這里用的是絕對路徑“css/web/images/scrollTop.png”

直接在第五行和第六行改下大小即可，這樣就避免了頁面添加貓標(biāo)簽~~(>^ω^<)喵~~~

存成js文件，直接引用，哪疼用哪，誰用誰知道~~~

相關(guān)文章

最新評論