jquery加載圖片時以淡入方式顯示的方法
更新時間：2015年01月14日 10:05:13 投稿：shichen2014
這篇文章主要介紹了jquery加載圖片時以淡入方式顯示的方法,涉及hide與fadeIn等方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jquery加載圖片時以淡入方式顯示的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title></title>
</head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("img[id='load']").load(function(){
$(this).hide();
$(this).fadeIn(5000);
});
});
</script>
<body>
<div></div>
<div>
<img id="load" src="./images/11_b.jpg" />
</div>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了jQuery 檢查某個元素在頁面上是否存在實例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了JQuery選擇器綁定事件及修改內(nèi)容的方法,涉及bind()、show()、hide()、html()等方法的使用技巧,需要的朋友可以參考下2015-01-01
jquery鍵盤事件使用介紹，需要的朋友可以參考下。2011-11-11
這篇文章主要介紹了jQuery搜索子元素的方法,實例分析了children、find等方法的使用技巧,需要的朋友可以參考下2015-02-02![jQuery 練習(xí)[一] 學(xué)習(xí)jquery的準備工作](http://img.jbzj.com/images/xgimg/bcimg4.png)
jQuery 練習(xí)[一] 學(xué)習(xí)jquery的準備工作
初次嘗試 jQuery, 近乎震撼! 簡潔、高效、優(yōu)雅、平易, 太有思想了.2010-05-05
jquery DIV撐大怎么讓滾動條滾到最底部，類似問題想必大家都有遇到過吧，下面與大家分享下具體的處理代碼，感興趣的朋友可以了解下哈2013-06-06
這篇文章主要介紹了jQuery EasyUI開發(fā)技巧總結(jié)的相關(guān)資料,希望通過本文大家能夠掌握EasyUI的開發(fā)技巧，需要的朋友可以參考下2017-09-09
這篇文章主要介紹了JQuery跳出each循環(huán)的方法,本文講解了jquery怎么跳出當前的each循環(huán)、Jquery each方法跳出循環(huán)并獲得返回值的方法等內(nèi)容,需要的朋友可以參考下2015-04-04
jquery怎樣實現(xiàn)ajax聯(lián)動框(二)
ajax聯(lián)動框想必大家早有所耳聞，接下來將介紹jquery實現(xiàn)另一種形式的聯(lián)動框，右邊的聯(lián)動框用jquery生成，仿照上篇的js方法修改的，感興趣的你可以參考下希望可以幫助到你2013-03-03
最近一年多一直在做前端的東西，由于老板在追求一些年輕動感的效果，讓頁面元素不能僅僅是簡單的隱藏顯示，所以經(jīng)常會使用一些動畫效果，發(fā)現(xiàn)jQuery的動畫真心好用啊，把常用的幾個總結(jié)一下，希望不再每次使用的時候還去翻API2013-10-10