仿网易官网顶部展出的大幅广告代码,附效果演示

简介: 仿网易官网顶部展出的大幅广告代码,附效果演示

仿网易官网顶部展出的大幅广告代码,附效果演示

效果演示:

<!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>像163网站顶部展出的大幅广告</title>
   <script type="text/javascript" language="javascript">
    var time = 500;
    var h = 0;
    function addCount()
    {
        if(time>0)
        {
            time--;
            h = h+5;
        }
        else
        {
            return;
        }
        if(h>260)  //高度
        {
            return;
        }
        document.getElementById("ads").style.display = "";
        document.getElementById("ads").style.height = h+"px";
        setTimeout("addCount()",30); 
    }
    window.onload = function showAds()
    {
        addCount();
        setTimeout("noneAds()",4000); //停留时间自己适当调整
    }
    </script>
    <script type="text/javascript" language="javascript">
    var T = 260;
    var N = 260; //高度
    function noneAds()
    {
        if(T>0)
        {
            T--;
            N = N-5;
        }
        else
        {
            return;
        }
        if(N<0)
        {
            document.getElementById("ads").style.display = "none";
            return;
        }
        document.getElementById("ads").style.height = N+"px";
        setTimeout("noneAds()",30); 
    }
    </script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style type="text/css">
<!--
body,td,th {
    font-size: 12px;
    color: #999999;
line-height:20px}
.STYLE1 {
    font-size: 24px;
    font-weight: bold;
    color: #FF0000;
}
.STYLE2 {
    font-size: 16px;
    font-weight: bold;
    color: #3333CC;
}
-->
</style></head>
<body>
    <div id="ads" style="margin:auto; display:none; width:900px; top:0px; height:0px; border:solid 1px #000; background-color:#fafafa; overflow:hidden; text-align:center;">
<td width="900" height="280"><a href="http://"><img src="http://i4.buimg.com/1da37a896184b8bc.jpg" border="0" alt="资源共享社区微信公众号:zygxsq"></a></td>
    </div>
    <div style="margin:auto; width:900px; height:200px; border:solid 1px #000; background-color:#fafafa; text-align:center;">
        <div align="left"><br>
          <span class="STYLE1">资源共享社区微信公众号:zygxsq</span><br>
          <span class="STYLE2"></span><br>
关注资源共享社区微信公众号:zygxsq,回复给微信任意电影或者其他资源名称,即可自动发送资源链接,赶紧来试试吧
        </div>
    </div>
</body>
</html>
<div id="Layer1" style="position:absolute; width:0px; height:0px; z-index:1; left: 0; top: 0; visibility: hidden"> 
  <script src='http://s127.cnzz.com/stat.php?id=574638&web_id=574638' language='JavaScript' charset='gb2312'></script>
</div>
</body>
</html>

直接复制代码即可使用

相关文章
|
9月前
|
移动开发 前端开发 HTML5
HTML5实现酷炫个人产品推广、工具推广、信息推广、个人主页、个人介绍、酷炫官网、门户网站模板源码
HTML5实现酷炫个人产品推广、工具推广、信息推广、个人主页、个人介绍、酷炫官网、门户网站模板源码
|
6月前
|
开发工具 开发者
如何用 CocosCreator 对接抖音小游戏的侧边栏复访
最近小游戏的软著下来了,用 CocosCreator 做的游戏也完成了 1.0 版本。而当我打包成抖音小游戏进行提交时,还没到初审就给拒了,因为还有一个机审,机器检测到代码中没有接入 “侧边栏复访功能”。这个我还真不知道,那只能去官方看文档了,位置是小游戏开发文档 -> 指南 -> 开放能力 -> 侧边栏能力。
65 2
|
9月前
|
小程序 JavaScript Java
基于微信小程序的自驾游拼团小程序的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的自驾游拼团小程序的设计与实现(源码+lw+部署文档+讲解等)
|
9月前
|
JavaScript Java 测试技术
基于微信小程序的优选驾考的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的优选驾考的设计与实现(源码+lw+部署文档+讲解等)
|
9月前
|
移动开发 安全 Linux
2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码
2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码
334 0
2024龙年新版ui周易测算网站H5源码/在线起名网站源码/运势测算网站系统源码
零撸游戏广告变现模式系统开发部署源码搭建
零撸游戏广告变现模式系统开发部署源码搭建
|
9月前
|
安全 测试技术 Python
【教学基地平台更新日记】首页制作完成
【教学基地平台更新日记】首页制作完成
一个文艺的在线生成漂亮的二维码工具网站
一个文艺的在线生成漂亮的二维码工具网站
87 0
|
小程序
微信小程序项目实例——图片处理小工具(自制低配版美图秀秀)
微信小程序项目实例——图片处理小工具(自制低配版美图秀秀)
一图看懂阿里实现扫码功能
一图看懂阿里实现扫码功能
465 0
一图看懂阿里实现扫码功能