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

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

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

以下为详细代码

倒计时广告/始终保持在网页中部<!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关键字

相关阅读: uni-app三目运算class和style; ASP汉字图片验证码; 纯div+css制作的弹出菜单-04; 了解CSS中em单位和px单位的区别; 网页中Flash弹出网页窗口的详细讲解; 利用javascript高亮关键词并且加上链接系列 2; 国内各大搜索引擎的蜘蛛名称列表; 昆山假日旅行社

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery下拉到某个固定位置然后某些元素发生改变样式状态; canvas绘制的文字如何换行; 兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）; js兼容多个浏览器右下角漂浮广告; 兼容ie6+和火狐的禁止右键; 做在线客服时，聊天窗口的div滚动条始终在底部

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 如何提高网站的PR值; 昌平欢乐之旅旅行社; 深山留言板教师节效果; 用uni-app开发微信小程序用uni.makePhoneCall拨打电话; 淡蓝色的V2.1加强版; 键盘上shift键的奇妙用途

更多标签热门标签

ie Google 数组关于我们复选框许愿墙珍惜搜索引擎鼠标 onload 留言板模版拖动替换 getElementById 行号 Response 保留高亮函数应用翻页垂直对话框虚拟右击失效增大 float 定律图片上传论坛 lightbox 上下左右文件大小爱墙 ie7 留言板想中英 flash 透明事务圆角 open document asasds javascript 随机按钮缩放创业 adobe