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

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

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

效果演示:

<!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>

直接复制代码即可使用

目录
打赏
0
0
0
0
2
分享
相关文章
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
48 4
【09】flutter首页进行了完善-采用android studio 进行真机调试开发-增加了直播间列表和短视频人物列表-增加了用户中心-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
打造现代感十足的卡片式企业官网:HTML+CSS全攻略!
打造现代感十足的卡片式企业官网:HTML+CSS全攻略!
html+css 实现产品小米产品展示效果(记得收藏)
html+css 实现产品小米产品展示效果(记得收藏)
从Unity开发到移动平台制胜攻略:全面解析iOS与Android应用发布流程,助你轻松掌握跨平台发布技巧,打造爆款手游不是梦——性能优化、广告集成与内购设置全包含
【8月更文挑战第31天】本书详细介绍了如何在Unity中设置项目以适应移动设备,涵盖性能优化、集成广告及内购功能等关键步骤。通过具体示例和代码片段,指导读者完成iOS和Android应用的打包与发布,确保应用顺利上线并获得成功。无论是性能调整还是平台特定的操作,本书均提供了全面的解决方案。
209 0
|
10月前
实践任务1:利用 HBuilderX制作产品展示模块+实践任务2:利用 HBuilderX制作公司网站首页+实践任务3: 利用 HBuilderX制作公司网站首页实现固定侧边菜单
实践任务1:利用 HBuilderX制作产品展示模块+实践任务2:利用 HBuilderX制作公司网站首页+实践任务3: 利用 HBuilderX制作公司网站首页实现固定侧边菜单
141 3
【教学基地平台更新日记】首页制作完成
【教学基地平台更新日记】首页制作完成
Python+selenium 实现趣头条的短视频自动上传与发布实例演示(支持抖音、快手、b站、小红书等平台)
Python+selenium 实现趣头条的短视频自动上传与发布实例演示(支持抖音、快手、b站、小红书等平台)
446 0
c++游戏制作指南 模板(权当预告)
c++游戏制作指南 模板(权当预告)
128 0