手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

用jQuery实现网页动画效果

时间:2024-10-16 09:02:01

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

用jQuery实现网页动画效果

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

用jQuery实现网页动画效果

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

用jQuery实现网页动画效果

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

用jQuery实现网页动画效果

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

用jQuery实现网页动画效果

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

用jQuery实现网页动画效果

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

用jQuery实现网页动画效果
© 手抄报圈