本文实例讲述了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程序设计有所帮助。
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
方法/步骤
1
jQuery
fadeIn()
用于淡入已隐藏的元素。
2
jQuery
fadeOut()
方法用于淡出可见元素。
3
jQuery
fadeToggle()
方法可以在
fadeIn()
与
fadeOut()
方法之间进行切换
4
jQuery
fadeTo()
方法允许渐变为给定的不透明度(值介于
与
1
之间)。
本文名称:jquery淡出,jquery淡出可见元素
标题链接:https://www.cdcxhl.com/article0/dsdipoo.html
成都网站建设公司_创新互联,为您提供App开发、关键词优化、移动网站建设、建站公司、企业建站、商城网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联