jQuery淡出淡入

最新推荐文章于 2024-05-07 23:11:20 发布

Mathilda91

最新推荐文章于 2024-05-07 23:11:20 发布

阅读量52

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yslf/p/10845092.html

版权

jQuery淡出淡入
　　淡入就是让元素按照指定的时间出现 (显示)
　　淡入就是让元素按照指定的时间隐藏

格式:
　　淡入: fadeIn(时间,函数)
　　淡出: fadeOut(时间,函数)
　　　　第二个参数:当元素淡入或者淡出完毕之后会自动触发该方法

ex:
html:

<style>
    div{
        height:200px;
        width:500px;
        background-color:green;
        margin-top:100px;
        margin-bottom:0;
        margin-left:auto;
        margin-right:auto;
        display:none;
    }
</style>
</head>
<body>
    <div>
    </div>
    <button type="button">淡入</button>
    <button type="button">淡出</button>
</body>

jq:

$(function(){
    $("button:eq(0)").click(function(){
        $("div").fadeIn(2000, function() {
            alert("div淡入完毕")
        });
    });
    $("button:eq(1)").click(function(){
        $("div").fadeOut(2000, function() {
            alert("div淡出完毕")
        });
    });
})

转载于:https://www.cnblogs.com/yslf/p/10845092.html

Mathilda91

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery淡出淡入

jQuery淡出淡入　　淡入就是让元素按照指定的时间出现 (显示) 　　淡入就是让元素按照指定的时间隐藏格式: 　　淡入: fadeIn(时间,函数) 　　淡出: fadeOut(时间,函数) 　　　　第二个参数:当元素淡入或者淡出完毕之后会自动触发该方法ex:html:<style> div{ height:200px; ...
复制链接

扫一扫