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

之间）。