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代碼通過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ì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證
這篇文章主要介紹了jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證，自定義一個(gè)驗(yàn)證方法，感興趣的小伙伴們可以參考一下2016-01-01
基于jQuery的動(dòng)態(tài)增刪改查表格信息，可左鍵/右鍵提示（原創(chuàng)自Zjmainstay）
jQuery動(dòng)態(tài)增刪改查表格信息，可左鍵/右鍵提示的實(shí)現(xiàn)代碼分享，需要的朋友可以參考下2012-07-07
jQuery實(shí)現(xiàn)的登錄浮動(dòng)框效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的登錄浮動(dòng)框效果代碼,點(diǎn)擊登陸鏈接可彈出懸浮登錄框,涉及jQuery中show與hide方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
Jquery中使用setInterval和setTimeout的方法
有時(shí)候需要在jquery中調(diào)用setInterval和setTimeout,直接在ready中調(diào)用其他方法，會(huì)提示缺少對(duì)象的錯(cuò)誤，解決方法如下2013-04-04
jquery獲取url參數(shù)及url加參數(shù)的方法
本文給大家介紹jquery獲取url參數(shù)及url參數(shù)的方法，在url中加參數(shù)的方法本文通過多種方式給大家介紹jquery獲取url參數(shù)，感興趣的朋友一起學(xué)習(xí)學(xué)習(xí)吧2015-10-10
本篇文章主要是對(duì)Jquery實(shí)現(xiàn)可多選的下拉框的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
$("").click與onclick的區(qū)別示例介紹
onclick是綁定事件，click本身是方法作用是觸發(fā)onclick事件，只要執(zhí)行了元素的click()方法，下面有個(gè)示例，大家可以看看2014-09-09
siblings() 獲得匹配集合中每個(gè)元素的同胞，通過選擇器進(jìn)行篩選是可選的。接下來通過本文給大家介紹jQuery siblings()用法實(shí)例詳解，需要的朋友參考下吧2016-04-04
jquery實(shí)現(xiàn)刷新隨機(jī)變化樣式特效（tag標(biāo)簽樣式）
本文主要介紹了tag標(biāo)簽隨機(jī)多彩變化的超鏈接樣式，使用JQ+DIV+CSS實(shí)現(xiàn)刷新隨機(jī)變化樣式特效。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
這篇文章介紹了jQuery中的CSS-DOM操作，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03