温馨提示×

jquery animate怎么用

小亿
108
2023-08-01 01:45:52
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

jQuery animate() 方法用于创建动画效果,可以改变元素的样式属性。

语法:

$(selector).animate(stylespeed,callback);

参数:

  • selector:必需。规定要创建动画的元素。

  • styles:必需。定义形成动画的 CSS 属性和值。

  • speed:可选。规定效果的时长。它可以是 “slow”、“fast” 或毫秒。

  • callback:可选。动画完成后执行的函数。

示例:

以下实例将把 div 元素的宽度从 100px 动画变为 500px,时长为 2000 毫秒:

$("div").animate({width: '500px'}, 2000);

你还可以同时改变多个样式属性:

$("div").animate({
width: '500px',
height: '500px',
opacity: '0.5'
}, 2000);

你也可以使用回调函数,在动画完成后执行一些操作:

$("div").animate({width: '500px'}, 2000, function(){
alert("Animation completed!");
});

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:jQuery中animate()方法用法实例

0