jQuery动画animate使用show hide toggle

最新推荐文章于 2023-05-24 13:16:04 发布

陈小妹

最新推荐文章于 2023-05-24 13:16:04 发布

阅读量701

点赞数 1

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/u011102207/article/details/48004435

版权

JQuery 专栏收录该内容

3 篇文章

订阅专栏

本文通过一个具体的示例展示了如何使用jQuery库实现元素的高度、宽度变化及显示隐藏等动画效果，涉及了animate方法的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果使用的是“hide”、“show”或“toggle”这样的字符串值，则会为该属性调用默认的动画形式.

$("button:eq(0)").click(function () {
          $("#panel")
            .animate({height : "150" } , 2000)
            .animate({width : "300" } , 2000)
            .hide(2000)
            .animate({height : "show" , width : "show" , opacity : "show" } , 2000 )
            .animate({height : "500"} , 2000 );
      });