倒计时广告/始终保持在网页中部 -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

倒计时广告/始终保持在网页中部

深山行者个人网站 2010/4/1 9:50:49 深山行者字体:大中小浏览 9449

以下为详细代码

倒计时广告/始终保持在网页中部<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
* {margin:0;padding:0px;border:none;font-size:12px;}
body {width:100%;text-align:center;}

.index_tads {width:949px;height:414px;background:#f0f0f0;position:relative;overflow:hidden;background:#000;position:fixed !important;top:0;position:absolute;left:50%;margin-left:-474px;}
*html .index_tads {top:expression(offsetParent.scrollTop+20);}
.index_tads_img {width:949px;height:414px;background:#c0c0c0;position:absolute;right:0;}
.index_tads_t {position:absolute;right:0;color:#fff;font-size:12px;font-weight:bold;height:28px;line-height:32px;z-index:100;text-align:right;}
.index_tads_t span {font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#ff0;}
.index_tads_t strong {display:block;float:right;width:45px;height:28px;cursor:pointer;background:#000;text-align:center;overflow:hidden;}

</style>
</head>

<body>

<div class="index_tads" id="index_tads">
	<div class="index_tads_img"><img src="gif.gif"></div>
	<div class="index_tads_t"><strong onclick="document.getElementById('index_tads').style.display = 'none';">关闭</strong>广告倒计时 <span id="index_tads_time">5</span> 秒</div>
</div>
	
<script>
(function(){
var i=5111;
setInterval(function(){
	document.getElementById('index_tads_time').innerHTML=i;
	if(i==0){
		document.getElementById("index_tads").style.display = "none";
	}else{
		i--;
	}
},1000);
})();
</script>

</body>
</html>

前一页:Javascript JS 限制复选框的选择个数

后一页:javascript自动获取Tags关键字