【jquery怎么让一个div慢慢向右展开】新建一个html文件,定名为test.html ,用于实现让div标的目的右边慢慢睁开的结果 。
文章插图
2在test.html页面的head头部,加载jquery.min.js文件,当作功加载该文件才能利用animate()方式 。
文章插图
3在test.html页面,建立一个div模块,而且设置它的class属性为pp,用于样式结构和下面获得该div对象进行操作 。
文章插图
4利用css对上面的div进行样式结构,设置div的初始宽度为0px,高度为50px,布景颜色为黄色 。
文章插图
5在script标签内,利用$(document).ready()方式实此刻页面加载时就执行一个function方式,用于实现慢慢睁开的结果 。
文章插图
6在function函数内,获得div对象,利用animate()进步履画结果设置,使其宽度慢慢扩展为300px ,这个结果设置为6秒内完当作 。
文章插图
7在浏览器打开test.html文件,查看实现的结果,可以见到,div从无到有,慢慢标的目的右睁开,直至宽度为300px时遏制扩展 。
文章插图
文章插图
以上内容就是jquery怎么让一个div慢慢向右展开的内容啦,希望对你有所帮助哦!
推荐阅读
- 华为p30怎么打开虚拟按键
- 华为p30怎么打开开发人员选项
- 华为p30怎么设置通话自动录音
- 华为p30怎么分屏
- 华为p30怎么关闭后台应用
- QQ怎么发表情红包 QQ表情红包怎么抢
- 谈恋爱被父母发现怎么办
- 我爱租号想租号玩游戏怎么租号?
- 怎么和水瓶男长期和平相处
- 牛肉饺子馅怎么做好吃