小麦子 发表于 2024-10-17 17:09:53

浮动在网页最上层自动关闭的广告特效

本帖最后由 小麦子 于 2024-10-19 00:01 编辑

在腾讯、新浪、百度都有类似的广告效果,打开网页的时候最上层会出现一个广告,把网页内容遮挡,过一会广告自动消失了,神奇吧?其实实现起来是如何简单,只用一行JavaScript就完成了,不过还需要把包含广告的DIV ID改成和JS配套的,要不然看不到效果唉!




<!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="mrc-type" mrc="text/html;charset=utf-8">
<style type="text/css">
<!--
body,html{height:100%;}
#flash{position:absolute;top:10%;left:30%;width:280px;height:80px;background:#EEEEEE;}
-->
</style>
</head>
<body>
<div id="flash"><img src="广告图片地址"></div>
<p align="center">网页内容在这里,你可以把GIF图片换成FLASH哦!目前设置广告5秒后自动关闭</p>
<script language="javascript">
setTimeout("document.getElementById('flash').style.display='none'",5000);//设置广告显示时间
</script>
</body>
</html>
页: [1]
查看完整版本: 浮动在网页最上层自动关闭的广告特效