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>
  • 相关阅读:

    暴力求解/数学问题
    Leetcode207. Course Schedule
    Balanced Team
    由先序和中序求后序
    Median String
    树的同构
    uva 202
    整除光棍
    阅览室
  • 原文地址:https://www.cnblogs.com/leigood/p/4914849.html
Copyright © 2011-2022 走看看