jQuery頁(yè)面圖片伴隨滾動(dòng)條逐漸顯示的小例子
更新時(shí)間：2013年03月21日 11:49:17 作者：
jQuery頁(yè)面圖片伴隨滾動(dòng)條逐漸顯示的小例子，需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="jquery.min.js"></script>
<!-- //再載入lazyload -->
<script type="text/javascript" src="jquery.lazyload.js"></script>
<script type="text/javascript"> jQuery(document).ready( function($){ $("container").lazyload();
$("img").lazyload({ placeholder : "grey.gif", //加載圖片前的占位圖片 effect : "fadeIn" //加載圖片使用的效果(淡入) }); });
</script> <style type="text/css"> #container { height: 2500px; background:#333; } </style>
</head>
<body>
<img src="flash.jpg">
<br/>
<div id="container">
<img src="1.jpg">
<br/>
<img src="2.jpg">
<br/>
<img src="3.jpg">
<br/>
<img src="4.jpg">
<br/>
<img src="5.jpg">
<br/>
<img src="6.jpg">
<br/>
<img src="7.jpg">
<br/>
<img src="8.jpg">
<br/>
<img src="9.jpg">
<br/>
</div>
相關(guān)文章
jQuery JSON實(shí)現(xiàn)無(wú)刷新三級(jí)聯(lián)動(dòng)實(shí)例探討
無(wú)刷新三級(jí)聯(lián)動(dòng)的實(shí)現(xiàn)方法有很多，今天將與大家討論下jQuery JSON如何實(shí)現(xiàn)，感興趣的朋友們可以參考下哈2013-05-05
Query常用DIV操作獲取和設(shè)置長(zhǎng)度寬度的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇Query常用DIV操作獲取和設(shè)置長(zhǎng)度寬度的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
slides是一款強(qiáng)大的，專業(yè)的幻燈片組件，能夠全方位對(duì)幻燈片的速度控制，本文通過(guò)代碼實(shí)例給大家講解jquery.slides.js，感興趣的朋友一起學(xué)習(xí)2015-11-11
Jquery組件easyUi實(shí)現(xiàn)表單驗(yàn)證示例
這篇文章主要為大家詳細(xì)介紹了Jquery插件easyUi實(shí)現(xiàn)表單驗(yàn)證的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
本文主要介紹了jquery實(shí)現(xiàn)更改表格行順序示例,大家參考使用吧2014-04-04![基于jquery的lazy loader插件實(shí)現(xiàn)圖片的延遲加載[簡(jiǎn)單使用]](http://img.jbzj.com/images/xgimg/bcimg5.png)
基于jquery的lazy loader插件實(shí)現(xiàn)圖片的延遲加載[簡(jiǎn)單使用]
當(dāng)網(wǎng)站上有大量圖片要展示的話，如果一次把所有的圖片都加載出來(lái)的話，這勢(shì)必會(huì)影響網(wǎng)站的加載速度，給用戶帶來(lái)比較差的體驗(yàn)。2011-05-05
這篇文章主要介紹了jquery插件懶加載的示例，幫助大家更好的利用jQuery制作網(wǎng)頁(yè)，感興趣的朋友可以了解下2020-10-10
開發(fā)網(wǎng)站的過(guò)程中，我們經(jīng)常遇到某些耗時(shí)很長(zhǎng)的javascript操作。其中，既有異步的操作（比如ajax讀取服務(wù)器數(shù)據(jù)），也有同步的操作（比如遍歷一個(gè)大型數(shù)組），它們都不是立即能得到結(jié)果的。2014-11-11
本篇文章主要是對(duì)jquery 刪除字符串最后一個(gè)字符的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
Lazy Load是一個(gè)用 JavaScript 編寫的jQuery插件. 它可以延遲加載長(zhǎng)頁(yè)面中的圖片. 本文對(duì)它進(jìn)行實(shí)例介紹，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2016-12-12