jQuery实现的具有淡出效果的元素删除
默认情况下，删除元素一般都是瞬间完成的，这种效果未免不可。
但是感觉有点生硬，下面就分享一段能够实现淡出效果的元素删除功能。
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#bt").click(function(){
$("#antzone").fadeTo("slow", 0.01,function(){
$(this).slideUp("slow", function(){
$(this).remove();
})
})
})
});
</script>
</head>
<body>
<div id="antzone"></div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>上面的代码实现了此功能，下面介绍一下它的实现过程。
一.代码注释:
（1）.$(document).ready(function(){})，当元素结构完全加载完毕再去执行函数中的代码。（2）.$("#bt").click(function(){})，为按钮注册click事件处理函数。
（3）.$("#antzone").fadeTo("slow", 0.01,function(){
$(this).slideUp("slow", function(){
$(this).remove();
})
})，实现此效果其实就是利用了方法的回调函数，先设置透明度，然后在上拉，最后删除。
（1）.fadeTo()方法可以参阅jQuery fadeTo()一章节。
（2）.slideUp()方法可以参阅jQuery slideUp()一章节。
（3）.remove()方法可以参阅jQuery slideUp()一章节。
相关推荐
-
jquery实现的通过左右方向键控制翻页效果代码实例
使用左右方向键控制翻页效果也算是一种比较人性化的功能。其实代码也非常的简单，由于这里无法演示，只给出核心的代码片段。应该没有什么难度，需要的朋友可以做一下参考。一.jQury代码如下:$(docum
-
jquery实现的滑动轴效果代码实例
本章节分享一段代码实例，它实现了使用鼠标鼠标拖动元素滑动效果。也就是滑动轴效果，并且能够选取数字，代码实例如下:ut
-
js动态创建文本框代码实例
本章节介绍一下如何动态的创建文本框，代码非常的简单。代码如下: r
-
文本框失去焦点即刻进行表单验证代码实例
大家可能都见过这样的表单验证效果，当填写完当前文本框焦点离开后会立马进行表单验证。下面就通过代码实例介绍一下如何实现此功能。代码如下:
-
点击提交按钮实现弹出警告框表单验证效果
本章节介绍一下如何实现基本的表单验证功能。最为常见的一种方式就是当点击提交按钮的时候，如果有表单的内容填写不符合规范那么就会弹出警告框。代码实例如下: h
