zoukankan      html  css  js  c++  java
  • jquery 滑动动画

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <head>

    <!--引入百度库-->

    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">

    </script>

    <title></title>

    <script>

    $(document).ready(function(){

                   $("button").click(function(){

                          /* $("#mm").fadeToggle();  

                             $("#cc").fadeToggle();   */

                        $("#mm").slideToggle("slow")  // id #  滑动淡入淡出

                        $("#cc").slideToggle("fast"); 

                   });

                 });

    </script>

    </head>

    <body>

    <button style=" height: 30px; 100px;">Start Animation</button>

         

    <div  id="mm" style="background:#98bf21;height:100px;100px;">

    </div>

            <div id="cc" style="background-color: burlywood; height: 100px; 100px;"> </div>

    </body>

    </html>

  • 相关阅读:
    141. Linked List Cycle
    140. Word Break II
    139. Word Break
    138. Copy List with Random Pointer
    137. Single Number II
    136. Single Number
    135. Candy
    134.Gas Station
    linux/ubuntu 设置代理服务器
    sqlserver/mssql 查看版本信息
  • 原文地址:https://www.cnblogs.com/iOS-mt/p/5853151.html
Copyright © 2011-2022 走看看