在jquery中 ， 可以使用show()方法让隐藏的元素显示出来 ， 通过定时器setTimeout()方法可以实现元素的自动隐藏 。 下面小编以div元素为例 ， 讲解如何使用jquery让元素显示后自动隐藏 。
文章插图
需要这些哦
html+jquery
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解若何利用jquery让元素显示后主动埋没 。
文章插图
2【如何使用jquery让元素显示后自动隐藏】在test.html文件内 ， 利用div建立一行文字 ， 并设置其id属性为aaa ， 本家儿要用于下面经由过程该id获得div对象 。
文章插图
3在test.html文件内 ， 利用css设置div埋没不成见 ， 即设置div的display属性值为none 。
文章插图
4在test.html文件内 ， 利用button标签建立一个按钮 ， 按钮名称为“点击触发元素显示并埋没” 。
文章插图
5在test.html文件中 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行setzt函数 。
文章插图
6在js标签中 ， 建立setzt()函数 ， 在函数内 ， 经由过程id(aaa)获得div对象 ， 利用show()方式将埋没的div显示出来 ， 再利用setTimeout设置在1秒后 ， 经由过程hide()方式将显示出来的div埋没 。
文章插图
7在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
文章插图
文章插图
总结：11、建立一个test.html文件 。
2、在文件内 ， 利用div建立一行文字 ， 并设置其id属性为aaa ， 同时利用css设置div埋没不成见 。
3、建立一个button按钮 ， 用于触发执行js函数 。
4、在js标签内 ， 建立函数 ， 在函数内 ， 经由过程id(aaa)获得div对象 ， 利用show()方式将埋没的div显示出来 ， 再利用setTimeout设置在1秒后 ， 经由过程hide()方式将显示出来的div埋没 。
推荐阅读
- 怎么网上预约挂号
- 教你夏日如何喝茶消暑
- 夏日特饮“茶叶酸奶”教你如何制作
- 流程图软件的怎么使用
- 信用卡第一次使用方法
- 如何用AutoCAD软件绘制圆柱轴承
- access怎样设置输入掩码
- 新手怎么使用Excel？新手如何编辑表格？
- 笔记本散热器有用吗
- 如何将腾讯视频的视频文件下载成MP4格式