淡入淡出的效果 

<!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>

 

posted @ 2017-12-19 16:59  爱踢两键  阅读(185)  评论(0)    收藏  举报