jQuery刪除一個元素后淡出效果展示刪除過程的方法

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

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

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

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

{

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

0.01,

function(){//fade

$(this).slideUp("slow",

function()

{//slide

up

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

remove

from

the

DOM

});

});

});

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

jquery動態(tài)內(nèi)容如何實現(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;'動態(tài)添加的內(nèi)容/p");

//調(diào)用淡入

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

});

});

/script

/head

body

button?class="btn1"淡出/button

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

/body

/html

jquery怎么實現(xiàn)一個標簽 慢速 淡入淡出

方法/步驟

1

jQuery

fadeIn()

用于淡入已隱藏的元素。

2

jQuery

fadeOut()

方法用于淡出可見元素。

3

jQuery

fadeToggle()

方法可以在

fadeIn()

與

fadeOut()

方法之間進行切換

4

jQuery

fadeTo()

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

與

1

之間）。

本文名稱：jquery淡出,jquery淡出可見元素
標題鏈接：http://jinyejixie.com/article0/dsdipoo.html

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

廣告

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