首页 > 其他 > 详细

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

时间:2018-06-22 22:10:12      阅读:255      评论:0      收藏:0      [点我收藏+]
另一种事件 
$("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的效果,回调函数

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!