jQuery使用fadein方法實(shí)現(xiàn)漸出效果實(shí)例
更新時(shí)間：2015年03月27日 14:35:27 作者：上大王
這篇文章主要介紹了jQuery使用fadein方法實(shí)現(xiàn)漸出效果的方法,以一個(gè)簡(jiǎn)單實(shí)例形式分析了jQuery中fadein方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery使用fadein方法實(shí)現(xiàn)漸出效果的方法。分享給大家供大家參考。具體分析如下：
下面的JS代碼通過(guò)jQuery的fadein方法控制指定色塊逐漸顯示的功能
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
});
</script>
</head>
<body>
<p>Demonstrate fadeIn() with different parameters.</p>
<button>Click to fade in boxes</button>
<br><br>
<div id="div1"
style="width:80px;height:80px;display:none;background-color:red;">
</div><br>
<div id="div2"
style="width:80px;height:80px;display:none;background-color:green;">
</div><br>
<div id="div3"
style="width:80px;height:80px;display:none;background-color:blue;">
</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- 淺談jQuery中hide和fadeOut的區(qū)別 show和fadeIn的區(qū)別
- jQuery動(dòng)畫(huà)效果-fadeIn fadeOut淡入淺出示例代碼
- jQuery中fadeIn、fadeOut、fadeTo的使用方法(圖片顯示與隱藏)
- js模擬jquery的slide和fadeIn和fadeOut功能
- jquery實(shí)現(xiàn)翻動(dòng)fadeIn顯示的方法
- 在IE 瀏覽器中使用 jquery的fadeIn() 效果 英文字符字體加粗
- jquery 圖片Silhouette Fadeins漸顯效果
- jQuery中fadein與fadeout方法用法示例
相關(guān)文章
默認(rèn)設(shè)置下，所有請(qǐng)求均為異步請(qǐng)求。如果需要發(fā)送同步請(qǐng)求，請(qǐng)將此選項(xiàng)設(shè)置為 false。注意，同步請(qǐng)求將鎖住瀏覽器，用戶其它操作必須等待請(qǐng)求完成才可以執(zhí)行2011-10-10
這篇文章主要介紹了jQuery遍歷Table的具體實(shí)現(xiàn),需要的朋友可以參考下2014-04-04
jquery利用json實(shí)現(xiàn)頁(yè)面之間傳值的實(shí)例解析
本文主要介紹了jquery利用json實(shí)現(xiàn)頁(yè)面之間傳值的方法，具有很好的參考價(jià)值，需要的朋友可以看下2016-12-12
這篇文章主要介紹了jQuery隱藏和顯示效果實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-04-04
Jquery進(jìn)度條插件 Progress Bar小問(wèn)題解決
今天遇到一個(gè)進(jìn)度條的小問(wèn)題，搞的我小糾結(jié)了一會(huì)，最后感謝同事分享文章，得以結(jié)局，呵呵，小經(jīng)驗(yàn)還是要保存的2011-07-07
基于jQuery中對(duì)數(shù)組進(jìn)行操作的方法
本篇文章小編將為大家介紹，基于jQuery中對(duì)數(shù)組進(jìn)行操作的方法。有需要的朋友可以參考一下2013-04-04
javascript原生和jquery庫(kù)實(shí)現(xiàn)iframe自適應(yīng)高度和寬度
這篇文章主要介紹了javascript原生和jquery庫(kù)實(shí)現(xiàn)iframe自適應(yīng)內(nèi)容高度和寬度,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了jQuery插件編寫(xiě)步驟,詳細(xì)分析了jQuery實(shí)現(xiàn)插件功能的具體步驟與相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了jQuery Jsonp跨域模擬搜索引擎的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-06-06
自定義刻度jq進(jìn)度條可以自定義進(jìn)度條刻度圓點(diǎn)數(shù)量，大小等相關(guān)屬性，可以通過(guò)css控制圓點(diǎn)的外觀樣式，通過(guò)progressdots插件自定義刻度動(dòng)畫(huà)，使用該插件還需引入jquery，jquery.progressdots.js和jquery.progressdots.css文件。需要的朋友一起學(xué)習(xí)吧2015-09-09