如何设置DIV在网页中显示几秒然后自动隐藏消失

javascript

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解若何设置DIV在网页中显示几秒然后主动埋没消逝。

    8c1001e93901213f3c3491d55be736d12f2e95b0.jpg
  2. 2

    在test.html文件内,建立一个div模块,并设置其id属性为mydiv,本家儿要用于下面经由过程该id获得div对象。

    ca1349540923dd54ff587861de09b3de9c824894.jpg
  3. 3

    在test.html文件内,利用css设置div的样式,设置div的高度、宽度为200px,布景颜色为红色。

    58ee3d6d55fbb2fb7e3a871b404a20a44623dca2.jpg
  4. 4

    在js标签中,建立一个myfun()函数,本家儿要用于把埋没的div显示出来。

    2e2eb9389b504fc259586f0ceadde71190ef6db0.jpg
  5. 5

    在myfun()函数内,经由过程id获得div对象,设置其style中display属性为none,即埋没div。

    4ec2d5628535e5dd682b7ad679c6a7efce1b62b0.jpg
  6. 6

    在函数的外面,利用setTimeout()方式设置在页面打开3秒后执行myfun()函数,把div埋没,并在页面中输出div埋没当作功的提醒。

    b2de9c82d158ccbfdc976a3316d8bc3eb1354194.jpg
  7. 7

    在浏览器打开test.html文件,查看实现的结果。

    e61190ef76c6a7ef5d21772ff2faaf51f3de66b0.jpg 9d82d158ccbf6c81311cf3e1b33eb13533fa4094.jpg
  • 发表于 2019-10-22 17:00
  • 阅读 ( 941 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具