jquery加載圖片時以淡入方式顯示的方法
更新時間:2015年01月14日 10:05:13 投稿:shichen2014
這篇文章主要介紹了jquery加載圖片時以淡入方式顯示的方法,涉及hide與fadeIn等方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jquery加載圖片時以淡入方式顯示的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
復制代碼 代碼如下:
<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程序設計有所幫助。
相關文章
JQUERY實現(xiàn)網(wǎng)頁右下角固定位置展開關閉特效的方法
這篇文章主要介紹了JQUERY實現(xiàn)網(wǎng)頁右下角固定位置展開關閉特效的方法,涉及jquery操作頁面元素的顯示與隱藏等相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07一個超簡單的jQuery回調(diào)函數(shù)例子(分享)
下面小編就為大家?guī)硪黄粋€超簡單的jQuery回調(diào)函數(shù)例子(分享) 。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08JQuery插件ajaxfileupload.js異步上傳文件實例
這篇文章主要介紹了JQuery插件ajaxfileupload.js異步上傳文件實例,本文直接給出了HTML代碼和JS代碼以及后臺處理代碼,需要的朋友可以參考下2015-05-05