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>

  • 相关阅读:
    车载导航系统中GPS的定位
    《开源框架那点事儿25》:对框架模板引擎实现方式的改造实录
    Mysql insert语句的优化
    Codeforces 475 D. CGCDSSQ
    提高代码编码的效率,习惯非常重要!
    ubuntu14.04 安装LNMP
    Unity3d数据加密
    第14章3节《MonkeyRunner源代码剖析》 HierarchyViewer实现原理-HierarchyViewer实例化
    Polyfill简介
    只在需要的时候 Polyfill 你的 JavaScript 代码
  • 原文地址:https://www.cnblogs.com/ly-radiata/p/4439077.html
Copyright © 2011-2022 走看看