jQuery删除一个元素后淡出效果展示删除过程的方法
作者:bea
本文实例讲述了jQuery删除一个元素后淡出效果展示删除过程的方法。分享给大家供大家参考。具体分析如下: 当我们删除一个元素时希望能看到删除的过程,这个效果通过对元素进行淡出展示动态化删除过程。 $("#myButton").click(function() { $("#myDiv").fadeTo("slow", 0.01, function(){//fade $(this).slideUp("slow", function() {//slide up
本文实例讲述了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程序设计有所帮助。
猜你喜欢
您可能感兴趣的文章:
- jQuery实现360°全景拖动展示
- 自定义百度分享的分享按钮
- javascript实现密码强度显示
- JavaScript通过元素索引号删除数组中对应元素的方法
- JavaScript从数组中删除指定值元素的方法
- JavaScript通过字符串调用函数的实现方法
- JS制作简单的三级联动
- javascript实现ecshop搜索框键盘上下键切换控制
- javascript版2048小游戏
- JavaScript判断用户是否对表单进行了修改的方法
- JavaScript阻止浏览器返回按钮的方法
- JavaScript列表框listbox全选和反选的实现方法
- JavaScript控制listbox列表框的项目上下移动的方法
- JavaScript控制两个列表框listbox左右交换数据的方法
- jQuery实现根据类型自动显示和隐藏表单
- jQuery实现列表的全选功能
- JavaScript判断一个字符串是否包含指定子字符串的方法
- JavaScript移除数组内重复元素的方法
- JavaScript给url网址进行encode编码的方法