码迷,mamicode.com
首页 > 其他好文 > 详细

show\hide\toggle、div的效果,回调函数

时间:2018-06-22 22:50:36      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:延时   3.1   size   回调   hid   注意   bsp   回调函数   cti   

另一种事件 
$("button").click(function () { var $ele=$("<li>") });
<body>

    <div>hello</div>
    <button onclick="f()">显示</button>
    <button onclick="f2()">隐藏</button>
    <button onclick="f3()">切换</button>

    <script src="jquery-3.3.1.min.js"></script><!--不加此句$不识别-->
    <script>

        function f() {
            $("div").show()
            //$("div").show(1000)//延时,缓慢

        }
        function f2() {
            $("div").hide()
        }
        function f3() {
            $("div").toggle(1000)//有变没,没变有

注意fadein fadeout fadetoggle fadeto,淡入淡出的渐变fadeto(1000,0.4) }
</script> </body>
回调函数,动画效果结束后触发,就是加个function
function f2() { $("div").hide(1000,function () { alert(1234) }) } function f3() { $("div").toggle(1000,function () { alert("hello") }) }

 

show\hide\toggle、div的效果,回调函数

标签:延时   3.1   size   回调   hid   注意   bsp   回调函数   cti   

原文地址:https://www.cnblogs.com/wfl9310/p/9215611.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!