jquery animate({background:'red'})无效果???

来源:5-1 jQuery中动画animate(上)

web_東

2018-04-07 11:01

<!DOCTYPE html>

<head>

    <meta charset="utf-8">

    <script type="text/javascript" src="../js/jquery-2.0.0.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function()

        {

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

                $("p:eq(0)").animate({

                    height : '300px',

                   background : 'red'});

            });

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

                $("p:eq(0)").animate({

                    height : '100px'

                })

            })

        })

    </script>

</head>

<body>

<p style="background:#00B83F">This is a paragraph.</p>

<button class="btn1">Hide</button>

<button class="btn2">Show</button>

</body>

</html>


写回答 关注

3回答

  • 慕婉清4631546
    2018-04-08 18:15:01
    已采纳

    动画只能用于数值的效果 比如高宽 尔不能用于背景颜色的效果

  • 莫龙吟啸
    2019-04-05 11:21:24

    不看文档吗。。。。

  • Chai_陌路
    2018-05-22 16:39:32

    $aaron.animate({
                    
                },100, function(){
                    $(this).css("background-color","red")
                });

    可以换种方法改变背景颜色

jQuery基础(四)—动画篇

jQuery基础教程动画篇,讲解jQuery基础开启动画修炼

85049 学习 · 262 问题

查看课程

相似问题