zoukankan      html  css  js  c++  java
  • jquery插件改变背景色

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title></title>
            <script src="jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
            <script src="jquery.color.js" type="text/javascript" charset="utf-8"></script>
    
            <style type="text/css">
                #box {
                    background-color: red;
                    width: 50px;
                    height: 50px;
                }
            </style>
    
            <script type="text/javascript">
                $(document).ready(function() {
                    $("button").on("click", function() {
                        $("#box").animate({
                            "background-color": "yellow",
                            "width": 200
                        }, 2000, function() {
                            alert("动画完成");
                        });
                    });
                });
            </script>
        </head>
        <body>
            <button type="button">变色</button>
            <div id="box">
            </div>
        </body>
    </html>

    image

    image

  • 相关阅读:
    Yii隐藏单入口
    JS字符串的问题
    暑假第三测
    暑假第二测
    暑假第一测
    沈阳集训day4
    沈阳集训day3
    P2571 [SCOI2010]传送带
    CF626C Block Towers
    洛谷P4171 [JSOI2010]满汉全席
  • 原文地址:https://www.cnblogs.com/zhangxuechao/p/13864793.html
Copyright © 2011-2022 走看看