新建一个html文件,定名为test.html,用于讲解jquery怎么让一个div垂垂显示出来。
在test.html页面的头部加载jquery.min.js文件,这是利用jquery中的fadeIn()方式的前提。
在test.html页面,建立一个div模块,而且设置其class属性为pp,用于下面经由过程该类名获得该div对象。
利用css对上面建立的div进行样式结构,设置其宽度为300px,高度为100px,布景颜色为红色,并设置其埋没属性,使其不展示出来。
在div的下面建立一个class属性为btn1的按钮,当该按钮被点击时,实现使div慢慢呈现。
给上面的按钮绑心猿意马click点击事务,当按钮被点击时,执行funciton函数 ,在函数内利用fadeIn()方式使div在5秒内垂垂显示出来,代码如下:
在浏览器打开test.html文件,查看实现的结果,可见当点击“垂垂呈现”按钮时,div从无到有,垂垂显示出来。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!