zoukankan      html  css  js  c++  java
  • jQuery显示隐藏动态效果的几种写法

    <script type="text/javascript">
     $(document).ready(function() {
         /*$("#test1").click(function(){
            $("#test2").toggle("fast",function(){
                
            });
        });*/
            /* $("#test1").click(function(){
                $("#test2").toggle(5000,function(){
                    
                });
            }); */
        /*     $("#test1").toggle(function(){
                $("#test2").show(5000,function(){});
            },function(){
                $("#test2").hide(5000,function(){});
            }); */
            
    /*         $("#test1").click(function(){
                $("#test2").slideToggle("slow");
            });
             */
            
             $("#test1").toggle(function(){
                 $("#test2").fadeTo(1000,0.3);    //透明度
             },function(){
                 $("#test2").fadeTo(1000,0);
             });
    });

    </script>

    <style type="text/css">

    </style>
    </head>

    <body>
        <div>
            <ul>
                <li id="test1">什么是jQuery?</li>
                <ul id="test2" style="display: none;">
                    <li style=" 200px; ">
                        jQuery是继prototype之后又一个优秀的Javascript库。
                        它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器
                        (IE 6.0+, FF 1.5+, Safari 2.0+,
                         Opera 9.0+),jQuery2.0及后续版本将不再
                         支持IE6/7/8浏览器。
                    </li>
                </ul>
            </ul>
            
        </div>
    </body>

  • 相关阅读:
    编程命名规范
    python 字符串编解码介绍
    django之sqlite3常见错误
    asp.net请求过程文章推荐
    python 多线程的文章
    工作中处理文本的python代码片段
    memcached一些知识
    咱计算机专业的人,能不能不那么特别地彰显对语文的无知?——再谈面向对象...
    你真的了解分层架构吗?——写给被PetShop"毒害"的朋友们...
    混蛋的面试题——《大话设计模式》读后感
  • 原文地址:https://www.cnblogs.com/ly-radiata/p/4439077.html
Copyright © 2011-2022 走看看