用jQuery实现网页动画效果

1、animate：使用预定义的值，将动画值设置为隐藏、显示等。

2、执行代码，点一次按钮，矩形框消失；再点一次，矩形框显示。

3、以下代码实现将 <div> 元素向右边移动200像素，同时增大文本字号

4、代码执行后的初始效果如下图所示：

5、点页面上的按钮，矩形框向右移动，并且里面的文本变大。

6、jQuery默认情况下镅氪瓷杵针对动画提供队列功能。可以在代码中写多个 animate() 调用，jQuery 会创建包含这些内部队列的方法，再逐一运行。示例代码如下：

7、执行上述代码，会依次执行四个动画。