jquery淡出,jquery淡出可见元素

jQuery删除一个元素后淡出效果展示删除过程的方法

本文实例讲述了jQuery删除一个元素后淡出效果展示删除过程的方法。分享给大家供大家参考。具体分析如下：

当我们删除一个元素时希望能看到删除的过程，这个效果通过对元素进行淡出展示动态化删除过程。

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

{

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

0.01,

function(){//fade

$(this).slideUp("slow",

function()

{//slide

up

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

remove

from

the

DOM

});

});

});

希望本文所述对大家的jQuery程序设计有所帮助。

相关问答

Q1: 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

Q2: jquery怎么实现一个标签 慢速 淡入淡出

方法/步骤

1

jQuery

fadeIn()

用于淡入已隐藏的元素。

2

jQuery

fadeOut()

方法用于淡出可见元素。

3

jQuery

fadeToggle()

方法可以在

fadeIn()

与

fadeOut()

方法之间进行切换

4

jQuery

fadeTo()

方法允许渐变为给定的不透明度（值介于

与

1

之间）。