Jquery的animate怎么用
时间: 2023-07-08 22:48:31 浏览: 48
jQuery的animate()方法可用于在HTML元素上创建动画效果。它可以用于改变元素的CSS属性值,例如width、height、opacity、margin等。
animate()方法的语法如下:
```
$(selector).animate({params},speed,callback);
```
- selector:必需,规定要进行动画的HTML元素。
- params:必需,定义动画的CSS属性和值对象。
- speed:可选,规定动画的速度,默认为"normal"。
- callback:可选,规定动画完成后所执行的函数。
以下是一个简单的使用animate()方法的例子,将div元素的宽度从100px变为500px:
HTML代码:
```
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div style="background-color:red;width:100px;height:100px;"></div>
<script>
$(document).ready(function(){
$("div").click(function(){
$(this).animate({width:'500px'});
});
});
</script>
</body>
</html>
```
在这个例子中,当div元素被点击时,它的宽度将从100px变为500px,动画效果将在默认速度下执行。