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

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

成都創新互聯公司是一家專注于成都做網站、網站建設與策劃設計,沙灣網站建設哪家好?成都創新互聯公司做網站,專注于網站建設10年,網設計領域的專業建站公司;建站業務涵蓋:沙灣等地區。沙灣做網站價格咨詢:13518219792

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

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

{

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

0.01,

function(){//fade

$(this).slideUp("slow",

function()

{//slide

up

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

remove

from

the

DOM

});

});

});

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

jquery動態內容如何實現淡入淡出

html

head

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

script?type="text/javascript"

$(document).ready(function(){

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

//調用淡出

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

});

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

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

$("body").append("p?class='new'’?style='display:none;'動態添加的內容/p");

//調用淡入

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

});

});

/script

/head

body

button?class="btn1"淡出/button

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

/body

/html

jquery怎么實現一個標簽 慢速 淡入淡出

方法/步驟

1

jQuery

fadeIn()

用于淡入已隱藏的元素。

2

jQuery

fadeOut()

方法用于淡出可見元素。

3

jQuery

fadeToggle()

方法可以在

fadeIn()

與

fadeOut()

方法之間進行切換

4

jQuery

fadeTo()

方法允許漸變為給定的不透明度（值介于

與

1

之間）。

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

成都網站建設公司_創新互聯，為您提供App開發、關鍵詞優化、移動網站建設、建站公司、企業建站、商城網站

廣告

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