jQuery使用fadeout實(shí)現(xiàn)元素漸隱效果的方法
更新時(shí)間：2015年03月27日 12:33:55 作者：上大王
這篇文章主要介紹了jQuery使用fadeout實(shí)現(xiàn)元素漸隱效果的方法,實(shí)例分析了jQuery中fadeout方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery使用fadeout實(shí)現(xiàn)元素漸隱效果的方法。分享給大家供大家參考。具體分析如下：
下面的JS代碼演示了jQuery控制色塊元素逐漸隱藏的效果，可以控制隱藏速度
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
});
</script>
</head>
<body>
<p>Demonstrate fadeOut() with different parameters.</p>
<button>Click to fade out boxes</button>
<br><br>
<div id="div1" style="width:80px;height:80px;background-color:red;">
</div><br>
<div id="div2" style="width:80px;height:80px;background-color:green;">
</div><br>
<div id="div3" style="width:80px;height:80px;background-color:blue;">
</div>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
使用jQuery中的wrap()函數(shù)操作HTML元素的教程
wrap(),顧名思義,就是包裹的意思,就是在你所在器外層包裹一層?xùn)|西,接下來(lái)我們就詳細(xì)來(lái)看使用jQuery中的wrap()函數(shù)操作HTML元素的教程:2016-05-05
基于jquery 的一個(gè)progressbar widge
這個(gè)widget是包含在wijmo 項(xiàng)目中的一個(gè)widget。目前此widget已經(jīng)開(kāi)源基于mit和gpl雙協(xié)議，目前是beta版，可能存在bug。2010-10-10
比較常用的限制字符輸入數(shù)功能(比如熱火超天的微博輸入框),用jQuery和原生JavaScript分別寫(xiě)了一個(gè).原生JavaScript注釋中有區(qū)分中英文字符的函數(shù), 但個(gè)人并不建議這么做.2010-09-09
一個(gè)簡(jiǎn)單的JQuery each示例，使用each可以輸出JS對(duì)象、json格式的數(shù)據(jù)，大家參考使用吧2013-11-11
jQuery插件slicebox實(shí)現(xiàn)3D動(dòng)畫(huà)圖片輪播切換特效
Slicebox是一款效果非常華麗的jquery和css3 3d幻燈片插件。Slicebox幻燈片插件能夠?qū)D片切片，然后做3d旋轉(zhuǎn)。Slicebox幻燈片插件共有4種效果，視覺(jué)沖擊感非常強(qiáng)。2015-04-04
jQuery 1.4 15個(gè)你應(yīng)該知道的新特性(譯)
jQuery 1.4 最近剛剛發(fā)布. 這個(gè)版本可不是一個(gè)簡(jiǎn)單的改進(jìn),它不僅包含了很多新的特性，還改進(jìn)了很多功能, 更在性能優(yōu)化方面下了很大功夫, 本文將對(duì)這些新的特性和增強(qiáng)的部分進(jìn)行討論,希望能對(duì)你有所幫助.2010-01-01
關(guān)于jQuery參考實(shí)例 1.0 jQuery的哲學(xué)
本文為大家介紹關(guān)于jQuery參考實(shí)例 1.0 jQuery的哲學(xué)，有需要的朋友可以參考一下。2013-04-04
JQuery實(shí)現(xiàn)的按鈕倒計(jì)時(shí)效果
這篇文章主要介紹了JQuery實(shí)現(xiàn)的按鈕倒計(jì)時(shí)效果,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)修改按鈕屬性的相關(guān)技巧,需要的朋友可以參考下2015-12-12
Validform驗(yàn)證時(shí)可以為空否則按照指定格式驗(yàn)證
這篇文章主要介紹了Validform驗(yàn)證時(shí)可以為空否則按照指定格式驗(yàn)證的相關(guān)資料,需要的朋友可以參考下2017-10-10
jQuery實(shí)現(xiàn)模擬搜索引擎的智能提示功能簡(jiǎn)單示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)模擬搜索引擎的智能提示功能,結(jié)合實(shí)例形式分析了jQuery基于事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)的模擬搜索提示相關(guān)操作技巧,需要的朋友可以參考下2019-01-01