温馨提示×

jquery animate怎么用

小亿
105
2023-08-01 01:45:52
栏目: 编程语言

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!");
});

0