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找出網(wǎng)頁(yè)上最高元素的方法,實(shí)例分析了jQuery遍歷元素與獲取元素高度的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
Jquery實(shí)現(xiàn)無(wú)刷新DropDownList聯(lián)動(dòng)實(shí)現(xiàn)代碼
隨著Jquery1.4的發(fā)布，Jquery運(yùn)用越來(lái)越多了，讓我們來(lái)實(shí)現(xiàn)以前經(jīng)常用到的DropDownList無(wú)刷新聯(lián)動(dòng)。2010-03-03
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入一些非常好的效果2012-01-01
此筆記只是作為本人學(xué)習(xí)JQuery的隨手筆記,稍微做了一下整理,希望對(duì)新人有參考價(jià)值。2009-05-05
jQuery實(shí)現(xiàn)背景彈性滾動(dòng)的導(dǎo)航效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)背景彈性滾動(dòng)導(dǎo)航效果的方法,涉及jQuery動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-06-06
jQuery中的類名選擇器（.class）用法簡(jiǎn)單示例
這篇文章主要介紹了jQuery中的類名選擇器（.class）用法,簡(jiǎn)單介紹了jQuery類名選擇器的概念、原理并結(jié)合實(shí)例形式分析了類選擇器的簡(jiǎn)單使用方法,需要的朋友可以參考下2018-05-05
jquery 多個(gè)radio的click事件實(shí)例
下面小編就為大家?guī)?lái)一篇jquery 多個(gè)radio的click事件實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦2016-12-12
本文為大家介紹下層自動(dòng)緩慢展開收縮在瀏覽器打開時(shí)是如何實(shí)現(xiàn)的，主要用到了slideUp及slideDown等主要jquery方法，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
在github的項(xiàng)目地址里有關(guān)于pjax的詳細(xì)說(shuō)明和使用方法，這里不再贅述，本文主要是使用中的一些代碼記錄和使用心得，方便以后查閱快速上手使用。2017-04-04
jquery.cookie() 方法的使用(讀取、寫入、刪除)
jquery.cookie() 方法:一個(gè)輕量級(jí)的cookie 插件，可以讀取、寫入、刪除 cookie，下面有個(gè)不錯(cuò)的數(shù)量，大家可以學(xué)習(xí)下2013-12-12