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

JQuery 動(dòng)畫(huà)卷頁(yè) 返回頂部 動(dòng)畫(huà)特效(兼容Chrome)

 更新時(shí)間：2010年02月15日 15:13:10   作者：  
JQuery 動(dòng)畫(huà)卷頁(yè) 返回頂部 動(dòng)畫(huà)特效(兼容Chrome) ,學(xué)習(xí)jquery的朋友可以測(cè)試下。
首先給這些‘返回頁(yè)首'的鏈接加上個(gè)Class：
<a href="#" class="backtotop" target="_self">返回頁(yè)首↑</a>
<!--把所有返回頁(yè)首的鏈接加上class，例如：backtotop-->然后加入下面jQuery代碼，你可以把這行代碼放在</body>前，或者其它位置。當(dāng)然你還要在<head>里包含jQuery庫(kù)文件。（
復(fù)制代碼 代碼如下:

jQuery(document).ready(function() {
jQuery('.backtotop').click(function(){
jQuery('html').animate({scrollTop:0}, 'slow');
}

就這么簡(jiǎn)單？基本上是！但是使用jQuery('html')在Safari和Chrome(記得在什么地方看到過(guò)：chrome使用的是safari的核)下選擇不到我們要的對(duì)象。好在在這兩種瀏覽器下，我們可以使用jQuery('body')來(lái)替代。因此為了讓代碼的兼容性更強(qiáng)，我們可以加入對(duì)瀏覽器的判斷，這里使用到j(luò)Query提供jQuery.browser的方法。注意: 在jQuery1.3里，這種方法已經(jīng)不建議使用。jQuery1.3新增jQuery.support的方法，用于展示不同瀏覽器各自特性和bug的屬性集合，也就是說(shuō)jQuery1.3不在建議對(duì)瀏覽器進(jìn)行判斷，而建議直接對(duì)某個(gè)特性進(jìn)行判斷。但是我不知道這個(gè)選擇器的問(wèn)題應(yīng)該屬于哪個(gè)特性，因此，我還是使用舊的方法。(jQuery.browser的方法在jQuery1.3里還是支持的)
復(fù)制代碼 代碼如下:

jQuery(document).ready(function() {
jQuery('.backtotop').click(function(){
if(jQuery.browser.safari) {//這里判斷瀏覽器是否為safari
jQuery('body').animate({scrollTop:0}, 'slow');
return false;//返回false可以避免在原鏈接后加上#
}
else{
jQuery('html').animate({scrollTop:0}, 1500);
return false;
}
});
});

這上述代碼里，我用到j(luò)Query('body').animate({scrollTop:0}, 'slow'); 我們可以根據(jù)實(shí)際需要更改卷頁(yè)的速度，你可以用'slow'、'fast'、或者用具體數(shù)字，例如1000(代表一秒,注意用具體數(shù)字時(shí)不用加單引號(hào))。 另外，{scrollTop:0}表示返回頁(yè)首，如果你只是想讓頁(yè)面卷到你要的特定位置，我們可以使用標(biāo)簽(ID)的方法，例如：要移到某個(gè)ID為'myID'的區(qū)域(<div id="myID">....</div>)頂部，我們可以使用類(lèi)似的方法，但是要先計(jì)算這個(gè)區(qū)域距離頁(yè)首的距離，代碼如下：
復(fù)制代碼 代碼如下:

jQuery('body').animate({scrollTop:jQuery('#myID').offset().top}, 'slow');
//jQuery('#myID').offset().top可以計(jì)算ID為myID的區(qū)域里頁(yè)首的距離

相關(guān)文章

最新評(píng)論