淡入淡出的效果

最新推荐文章于 2024-09-30 14:28:41 发布

weixin_30650859

最新推荐文章于 2024-09-30 14:28:41 发布

阅读量90

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/atlj/p/8066673.html

版权

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>淡入淡出效果</title>
        <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $("input[name=fadein_btn]").click(function(){
                    $("img").fadeIn("slow");
                })
                $("input[name=fadeout_btn]").click(function(){
                    $("img").fadeOut("slow");
                    //    $("img").fadeOut(1000);1000毫秒
                })                
            });
        </script>
    </head>

    <body>

        <img src="images/ad.jpg" style="display:none" />
        <input name="fadein_btn" type="button" value="淡入" />
        <input name="fadeout_btn" type="button" value="淡出" />
    </body>

</html>