国产综合精品-久久久久久成人毛片免费看-69久久夜色精品国产69-美国十次啦怡红院

Web前端知識

首頁 > 免費 > Web前端知識 >

前端開發(fā)必知的15個jQuery小技巧(一)

來源:北京匯仁智杰科技有限公司   時間:2016-11-15   點擊:

下面這些簡單的小技巧能夠幫助你玩轉jQuery。

1、返回頂部按鈕

通過使用jQuery中的animate 和scrollTop 方法,不用插件就可以創(chuàng)建一個滾動到頂部的簡單動畫:

// Back to top

$('.top').click(function (e) {

e.preventDefault();

$('html, body').animate({scrollTop: 0}, 800);

});

<!-- Create an anchor tag -->

<a class="top" href="#">Back to top</a>

改變scrollTop 的值可以更改你想要放置滾動條的位置。所有你真正需要做的是在800毫秒的時間內(nèi)設置文檔主體的動畫,直到它滾動到文檔的頂部。

注:小心scrollTop的一些錯誤行為。

2、預加載圖像

如果你的網(wǎng)頁要使用大量開始不可見的(例如,懸停的)圖像,那么可以預加載這些圖像:

$.preloadImages = function () {

for (var i = 0; i < arguments.length; i++) {

$('<img>').attr('src', arguments[i]);

}

};

$.preloadImages('img/hover-on.png', 'img/hover-off.png');

網(wǎng)絡營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:15201492965
業(yè)務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網(wǎng)絡推廣經(jīng)驗
  • 有網(wǎng)站建站隊伍
  • 有大型網(wǎng)站建設經(jīng)驗
  • 致力于營銷型網(wǎng)站建設
  • 始終堅持技術和服務同樣重要
查看PC版網(wǎng)站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰