jquery怎么让一个div慢慢向右展开

新建一个html文件，定名为test.html ，用于实现让div标的目的右边慢慢睁开的结果。

在test.html页面的head头部，加载jquery.min.js文件，当作功加载该文件才能利用animate()方式。

在test.html页面，建立一个div模块，而且设置它的class属性为pp，用于样式结构和下面获得该div对象进行操作。

利用css对上面的div进行样式结构，设置div的初始宽度为0px，高度为50px，布景颜色为黄色。

在script标签内，利用$(document).ready()方式实此刻页面加载时就执行一个function方式，用于实现慢慢睁开的结果。

在function函数内，获得div对象，利用animate()进步履画结果设置，使其宽度慢慢扩展为300px ，这个结果设置为6秒内完当作。

在浏览器打开test.html文件，查看实现的结果，可以见到，div从无到有，慢慢标的目的右睁开，直至宽度为300px时遏制扩展。

0 条评论