jquery如何使用animate

jquery中，animate动画，是一个灵活的，可以让用户完全自定义的动画方法，基本语法如下：animate(样式，速度，回调函数)

新建一个HTML文档，并引入jquery

定义一个

元素，并将其设置为一个长宽为100px的蓝色方块，示例：

保存以上内容，并在浏览器预览效果

为

元素设置animate()动画方法，使其被点击之后，在3秒之中实现宽度变大，高度变小，成为一个长方形，示例：

$(function(){

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

$(this).animate({width:"300px",height:"50px"},3000);

})

})

保存以上文件，就可以在浏览器预览一个基本的jquery的animate()的动画效果

标签：jquery,animate