您的位置：首页 > Web前端 > JavaScript

JS控制一个DIV层在指定时间内消失

2016-05-31 00:00 525 查看
摘要: 用JavsScript控制一个DIV层在指定时间内消失，可以是3秒、5秒、10秒，时间由你定，当我们在做一个提示层的时候就会用上这种功能，提示完毕自动关闭。本函数简单实用，你还可以用它来控制一段文字和一个图片指定时间关闭等等。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>定时关闭的层</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style>
#divbox{
border:5px solid #0066cc;
background:skyblue;
padding:20px;
font-size:22px;
color:white;
}
</style>
<script language="javascript">
function codefans(){
var box=document.getElementById("divbox");
box.style.display="none";
}
setTimeout("codefans()",3000);//3秒
</script>
</head>
<body>
<div id="divbox">本层会在3秒后消失</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航