zoukankan      html  css  js  c++  java
  • jQuery之渐变切换

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>fadeToggle</title>
    <script language="javascript" src="http://files.cnblogs.com/files/caidupingblogs/jquery-1.10.2.min.js">
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("button").click(function(){
                $("#div1").fadeToggle();
                $("#div2").fadeToggle("slow");
                $("#div3").fadeToggle(3000);
                });
        });
     
    </script>
    </head>
     
    <body>
    <button>Button</button>
    <div id="div1" style="80px; height:80px; background-color:#F00""></div>
    <div id="div2" style="80px; height:80px;background-color:#00F"></div>
    <div id="div3" style="80px; height:80px;background-color:#0FF"></div>
    </boby>
    </html>
    

      

    不努力,还要青春干什么?
  • 相关阅读:
    【bzoj4066】 简单题
    【bzoj1941】 Sdoi2010—Hide and Seek
    【bzoj2648】 SJY摆棋子
    【poj2154】 Color
    【poj2409】 Let it Bead
    【codevs1106】 篝火晚会
    【poj3270】 Cow Sorting
    【bzoj1004】 HNOI2008—Cards
    【bzoj3143】 Hnoi2013—游走
    【codeforces 749E】 Inversions After Shuffle
  • 原文地址:https://www.cnblogs.com/caidupingblogs/p/5248920.html
Copyright © 2011-2022 走看看