快捷導(dǎo)航

jQuery實現(xiàn)預(yù)加載圖片的方法

更新時間：2015年03月17日 10:09:16 作者：小小的我

這篇文章主要介紹了jQuery實現(xiàn)預(yù)加載圖片的方法,涉及jQuery操作img的src屬性使用技巧,需要的朋友可以參考下

本文實例講述了jQuery實現(xiàn)預(yù)加載圖片的方法。分享給大家供大家參考。具體分析如下：

這段js代碼用于預(yù)加載圖片，記住是預(yù)加載，不是后加載喲，就是在圖片還不顯示的時候就將圖片下載到用戶瀏覽器的緩存中，這樣要顯示的時候就非?？?，無需再到服務(wù)器上去讀取圖片。

jQuery.preloadImages = function() { 
　　for(var i = 0; i < arguments.length; i++) { 
　　　　$("<img />").attr('src', arguments); 
　　}
};
//用法 
$.preloadImages('image1.gif','/path/to/image2.png','some/image3.jpg');

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JQuery的ajax基礎(chǔ)上的超強GridView展示
前面有個例子是使用jQuery的datatable插件來實現(xiàn)的能夠展開個詳細信息表的樣子。事實上.net的數(shù)據(jù)展示模式很好,如果配上jQuery的那些效果和AJAX功能是相當?shù)貌诲e。
2009-09-09
改善用戶體驗的五款jQuery插件分享
改善網(wǎng)頁的用戶體驗，可以從以下幾個方面入手：菜單欄，tab，登錄/注冊，搜索，以及404頁面。對于每一方面的優(yōu)化，Gevin分別向大家推薦一個自己私藏的jquery插件，希望對大家有幫助，也歡迎大家多多交流
2011-05-05
使用jquery自定義鼠標樣式滿足個性需求
瀏覽器是有自帶的鼠標樣式的，如果某些時候為了保持鼠標樣式的統(tǒng)一，或者想指定特定的鼠標樣式該怎么辦呢？那就要使用自定義了，下面有個不錯的示例，喜歡的朋友可以參考下
2013-11-11
jQuery+CSS實現(xiàn)簡單切換菜單示例
這篇文章主要介紹了jQuery+CSS實現(xiàn)簡單切換菜單的方法,涉及jQuery針對頁面元素的遍歷及樣式動態(tài)變換相關(guān)技巧,需要的朋友可以參考下
2016-07-07
jquery轉(zhuǎn)盤抽獎功能實現(xiàn)
這篇文章主要介紹了jquery轉(zhuǎn)盤抽獎功能實現(xiàn)，實現(xiàn)的效果是九宮格大轉(zhuǎn)盤抽獎，應(yīng)用特別廣泛的轉(zhuǎn)盤抽獎方式，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery+html5+css3實現(xiàn)圓角無刷新表單帶輸入驗證功能代碼
這篇文章主要介紹了jQuery+html5+css3實現(xiàn)圓角無刷新表單帶輸入驗證功能代碼,加入了html5與css3技術(shù),使得整個表單效果更加唯美華麗,需要的朋友可以參考下
2015-08-08
jQuery子窗體取得父窗體元素的方法
這篇文章主要介紹了jQuery子窗體取得父窗體元素的方法,涉及jQuery窗體元素操作的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下
2015-05-05
Jquery簡單分頁實現(xiàn)方法
這篇文章主要介紹了Jquery簡單分頁實現(xiàn)方法,實例分析了jquery分頁的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
jQuery獲取對象簡單實現(xiàn)方法小結(jié)
jQuery獲取對象，這里獲取的都是Jquery對象而不是Dom對象哦，但是他倆是可以轉(zhuǎn)換滴，新手朋友們可以看看
2014-10-10
jquery easyui datagrid實現(xiàn)增加，修改，刪除方法總結(jié)
這篇文章主要介紹了jquery easyui datagrid實現(xiàn)增加，修改，刪除方法,結(jié)合實例形式分析了jquery easyui datagrid結(jié)合asp.net實現(xiàn)數(shù)據(jù)的增刪改等操作的步驟與相關(guān)技巧,需要的朋友可以參考下
2016-05-05