                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(四)—动画篇

jquery动画篇1-3， #a1设置display: none !important，然后再 $("#a1").css('display', 'block !important'); $("#a1").show(3000); }); 为什么动画不能显示

<!DOCTYPE html>

<html>

<head>

<style>

.left div,

.right div {

width: 500px;

height: 50px;

padding: 5px;

margin: 5px;

float: left;

border: 1px solid #ccc;

}

.left div {

background: #bbffaa;

}

.right div {

background: yellow;

}

#a1{display:none !important;}

</style>

</head>

<body>

<button>直接hide-show动画</button>

//点击button

//执行3秒隐藏

//执行3秒显示

$("button").click(function() {

$("#a1").css('display', 'block !important');

$("#a1").show(3000);

});

</script>

</body>

</html>

慕粉studying

2016-11-11

源自：jQuery基础(四)—动画篇 1-3

关注问题我要回答

2743

操作

收起

6 回答

慕移动9181930
2022-03-23

xcode6.1已经是正式版了，闪退问题应该少了很多～亲，第一季的课程是视频代码编辑器哦，所以第二章之后的内容是要在网站上通过代码编辑器学习的哦

0 回复有任何疑惑可以回复我~

收起回答

Spiner_0
2018-03-17

http改成https

0 回复有任何疑惑可以回复我~

收起回答

_Rainy
2018-01-19

加了这个!important，show方法就不能把display来回切换了需要你自己显示然后show方法提供动画从 width=0和height=0变会原来值，就是说你需要自己用disoaly:block !important显示出来但是显示出来了盒子宽高还是0 ，需要继续动画变会原来的值。

0 回复有任何疑惑可以回复我~

收起回答

Robert_Langdon
2017-07-03

这个问题挺无解的，教程方法二肯定错的，我用attr('style','display:block !important')虽然样式可以切换了，但没有动画效果了，show（）加不加，动画效果都一样

0 回复有任何疑惑可以回复我~

收起回答

JoKer49
2017-04-07

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    .left div,
    .right div {
        width: 500px;
        height: 50px;
        padding: 5px;
        margin: 5px;
        float: left;
        border: 1px solid #ccc;
    }

    .left div {
        background: #bbffaa;
    }

    .right div {
        background: yellow;
    }
    #ai {
        display:none!important;
    }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<button>直接hide-show动画</button>

    //点击button
    //执行3秒隐藏
    //执行3秒显示
/*   $("button").click(function() {
        var flag=1;
        while(flag=2)
        {
             $("#a1").hide(3000).show(3000)
        }

    });*/
    $('#a1').on('mousedown mouseclick',function(){
       $('#a1').css('display', 'block !important');
        $("#a1").hide(3000).show(3000)
    })

</script>
</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

旋律丶秋凉

自己写的代码调试过没有，什么乱七八糟的

2017-05-31 回复有任何疑惑可以回复我~

JoKer49 回复旋律丶秋凉

有没有教养不会说人话？

2017-08-30 回复有任何疑惑可以回复我~

JoKer49 回复旋律丶秋凉

什么玩意啊你不会看了代码再说话？