新建一个html文件,定名为test.html,用于讲解若何利用jquery让元素显示后主动埋没。
在test.html文件内,利用div建立一行文字,并设置其id属性为aaa,本家儿要用于下面经由过程该id获得div对象。
在test.html文件内,利用css设置div埋没不成见,即设置div的display属性值为none。
在test.html文件内,利用button标签建立一个按钮,按钮名称为“点击触发元素显示并埋没”。
在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行setzt()函数。
在js标签中,建立setzt()函数,在函数内,经由过程id(aaa)获得div对象,利用show()方式将埋没的div显示出来,再利用setTimeout()设置在1秒后,经由过程hide()方式将显示出来的div埋没。
在浏览器打开test.html文件,点击按钮,查看实现的结果。
1、建立一个test.html文件。
2、在文件内,利用div建立一行文字,并设置其id属性为aaa,同时利用css设置div埋没不成见。
3、建立一个button按钮,用于触发执行js函数。
4、在js标签内,建立函数,在函数内,经由过程id(aaa)获得div对象,利用show()方式将埋没的div显示出来,再利用setTimeout()设置在1秒后,经由过程hide()方式将显示出来的div埋没。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!