快捷導(dǎo)航

jquery插件懶加載的示例

更新時(shí)間：2020年10月24日 10:52:28 作者：thomas_blog

這篇文章主要介紹了jquery插件懶加載的示例，幫助大家更好的利用jQuery制作網(wǎng)頁(yè)，感興趣的朋友可以了解下

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>
  <script src="jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="jquery.lazyload.min.js" type="text/javascript"></script>

  <style type="text/css">
   #box {
    background-color: yellow;
    width: 300px;
    height: 200px;
   }
  </style>

  <script type="text/javascript">
   $(document).ready(function() {
    $("img.lazy").lazyload();
   });
  </script>
 </head>
 <body>
  <div id="box">
  </div>
  <img class="lazy" data-original="avatar.png" width="215" height="215">
 </body>
</html>

以上就是jquery插件懶加載的示例的詳細(xì)內(nèi)容，更多關(guān)于jquery插件懶加載的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

基于jQuery的input輸入框下拉提示層(自動(dòng)郵箱后綴名)
基于jQuery的input輸入框下拉提示層，方便用戶輸入郵箱時(shí)的提示信息，需要的朋友可以參考下
2012-06-06
jquery html動(dòng)態(tài)生成select標(biāo)簽出問(wèn)題的解決方法
用jquery,json從后臺(tái)獲取一個(gè)列表，然后用一個(gè)動(dòng)態(tài)生成的select標(biāo)簽顯示出來(lái)，結(jié)果出現(xiàn)錯(cuò)誤，下面為大家分享個(gè)不錯(cuò)的解決方法，喜歡的朋友可以參考下
2013-11-11
再談Jquery Ajax方法傳遞到action(補(bǔ)充)
之前寫過(guò)一篇文章Jquery Ajax方法傳值到action，本文是對(duì)該文的補(bǔ)充
2014-05-05
jquery+javascript編寫國(guó)籍控件
本文給大家分享一個(gè)自己編寫的使用jquery+javascript實(shí)現(xiàn)的國(guó)籍控件，效果非常不錯(cuò)，這里推薦給大家。
2015-02-02
使用jQuery獲取所有標(biāo)簽的實(shí)現(xiàn)代碼
在前端開發(fā)中,使用jQuery能夠方便地操作DOM元素,有時(shí)候我們需要獲取頁(yè)面上所有的HTML標(biāo)簽,可以通過(guò)jQuery來(lái)實(shí)現(xiàn),本文將介紹如何使用jQuery獲取所有的標(biāo)簽,并展示一個(gè)簡(jiǎn)單的示例代碼,需要的朋友可以參考下
2024-09-09
jQuery實(shí)現(xiàn)右側(cè)顯示可向左滑動(dòng)展示的深色QQ客服效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)右側(cè)顯示可向左滑動(dòng)展示的深色QQ客服效果代碼,涉及jQuery控制頁(yè)面元素樣式動(dòng)態(tài)變換的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
jQuery動(dòng)畫效果-slideUp slideDown上下滑動(dòng)示例代碼
jQuery動(dòng)畫上下滑動(dòng)效果在網(wǎng)頁(yè)中的應(yīng)用還是比較廣泛的，其實(shí)很簡(jiǎn)單通過(guò)slideUp slideDown方法便可輕松實(shí)現(xiàn)，具體如下，喜歡的朋友可以參考下，希望對(duì)大家學(xué)習(xí)jquery有所幫助
2013-08-08
Jquery實(shí)現(xiàn)$.fn.extend和$.extend函數(shù)
這篇文章主要介紹了Jquery實(shí)現(xiàn)$.fn.extend和$.extend函數(shù)的相關(guān)資料,需要的朋友可以參考下
2016-04-04
20款非常優(yōu)秀的 jQuery 工具提示插件推薦
工具提示（Tooltip）在網(wǎng)站中的一個(gè)小功能，但卻有很重要的作用，常用于顯示一些溫馨的提示信息。如果網(wǎng)站中的工具提示功能做得非常有創(chuàng)意的話能夠加深用戶對(duì)網(wǎng)站印象
2012-07-07
jQuery實(shí)現(xiàn)根據(jù)身份證號(hào)獲取生日、年齡、性別等信息的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)根據(jù)身份證號(hào)獲取生日、年齡、性別等信息的方法,涉及jQuery字符串相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01