• 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>

  • 相关阅读:
    927小程序繁星计划峰会 · 看完这七大话题 你会更了解阿里小程序
    不吹不黑,今天我们来聊一聊 Kubernetes 落地的三种方式
    虽然他们说是水题,但我觉得思想蛮好的
    新学dfs(看懂了)
    01背包,死记硬背(我是真的蠢)
    装箱问题(太笨、还没想通)
    高精度乘法,string中的坑
    双十一用python秒杀京东好货!
    高精度减法用string 和 stack
    n阶汉诺塔 记住吧。。
  • 原文地址:https://www.cnblogs.com/ly-radiata/p/4439077.html
Copyright © 2020-2023  润新知