zoukankan      html  css  js  c++  java
  • 夺命雷公狗jquery---30淡出效果

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <style type="text/css">
                div#result{
                    width:300px;
                    height:300px;
                    background-color:red;
                }
            </style>
            <script src="js/jquery.js"></script>
            <script>
                $(function(){
                    $('#btnfadeIn').bind('click',function(){
                        $('#result').fadeIn(3000);
                    });
    
                    $('#btnfadeOut').bind('click',function(){
                        $('#result').fadeOut(3000,function(){
                            alert('完成任务');
                        });
                    });
    
                    $('#btnfadeTo').bind('click',function(){
                        $('#result').fadeTo(3000,0.2);
                    });
                })
            </script>
        </head>
        <body>
            <div id="result"></div>
            <hr />
            <input type="button" id="btnfadeIn" value="fadeIn" />
            <input type="button" id="btnfadeOut" value="fadeout" />
            <input type="button" id="btnfadeTo" value="fadeTo" />
        </body>
    </html>
  • 相关阅读:
    2021-5-14 日报博客
    2021-5-13 日报博客
    2021-5-11 日报博客
    2021-5-10 日报博客
    2021-5-8 周报博客
    团队介绍——北部大队
    周总结4
    梦断代码阅读笔记02
    周总结3
    周总结2
  • 原文地址:https://www.cnblogs.com/leigood/p/4914849.html
Copyright © 2011-2022 走看看