jQuery刪除一個(gè)元素后淡出效果展示刪除過(guò)程的方法

本文實(shí)例講述了jQuery刪除一個(gè)元素后淡出效果展示刪除過(guò)程的方法。分享給大家供大家參考。具體分析如下：

成都創(chuàng)新互聯(lián)公司是一家專(zhuān)注于成都做網(wǎng)站、網(wǎng)站建設(shè)與策劃設(shè)計(jì),沙灣網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:沙灣等地區(qū)。沙灣做網(wǎng)站價(jià)格咨詢(xún):13518219792

當(dāng)我們刪除一個(gè)元素時(shí)希望能看到刪除的過(guò)程，這個(gè)效果通過(guò)對(duì)元素進(jìn)行淡出展示動(dòng)態(tài)化刪除過(guò)程。

$("#myButton").click(function()

{

$("#myDiv").fadeTo("slow",

0.01,

function(){//fade

$(this).slideUp("slow",

function()

{//slide

up

$(this).remove();//then

remove

from

the

DOM

});

});

});

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

jquery動(dòng)態(tài)內(nèi)容如何實(shí)現(xiàn)淡入淡出

html

head

script?type="text/javascript"?src="

script?type="text/javascript"

$(document).ready(function(){

$(".btn1").click(function(){

//調(diào)用淡出

$(".new").fadeOut(3000)

});

$(".btn2").click(function(){

//先添加元素??不顯示

$("body").append("p?class='new'’?style='display:none;'動(dòng)態(tài)添加的內(nèi)容/p");

//調(diào)用淡入

$(".new").fadeIn(3000);

});

});

/script

/head

body

button?class="btn1"淡出/button

button?class="btn2"添加元素并淡入/button

/body

/html

jquery怎么實(shí)現(xiàn)一個(gè)標(biāo)簽 慢速 淡入淡出

方法/步驟

1

jQuery

fadeIn()

用于淡入已隱藏的元素。

2

jQuery

fadeOut()

方法用于淡出可見(jiàn)元素。

3

jQuery

fadeToggle()

方法可以在

fadeIn()

與

fadeOut()

方法之間進(jìn)行切換

4

jQuery

fadeTo()

方法允許漸變?yōu)榻o定的不透明度（值介于

與

1

之間）。

本文名稱(chēng)：jquery淡出,jquery淡出可見(jiàn)元素
標(biāo)題鏈接：http://www.chinadenli.net/article0/dsdipoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、關(guān)鍵詞優(yōu)化、移動(dòng)網(wǎng)站建設(shè)、建站公司、企業(yè)建站、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)