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

【jquery怎么让一个div慢慢向右展开】新建一个html文件,定名为test.html ,用于实现让div标的目的右边慢慢睁开的结果 。


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

文章插图

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


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

文章插图

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


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

文章插图

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


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

文章插图

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


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

文章插图

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


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

文章插图

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


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

文章插图

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

文章插图

以上内容就是jquery怎么让一个div慢慢向右展开的内容啦,希望对你有所帮助哦!

    推荐阅读