zoukankan      html  css  js  c++  java
  • 仿网易官网顶部展出的大幅广告代码,附效果演示

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

    仿网易官网顶部展出的大幅广告代码,附效果演示 - 小小鱼儿小小林 - 小小鱼儿小小林的网易博客
     

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


    直接复制代码即可使用
     
  • 相关阅读:
    List装form
    《Java设计模式》之调停者模式(Mediator)
    android 4.0 禁用系统home键
    最大权二分匹配
    hdu 3667 /2010哈尔滨赛区H题 费用与流量为非线性关系/费用流
    【python】filter()
    【python】linux将python改为默认3.4版本
    【linux】VMware12.0安装
    【python】lxml-The E-factory
    【xml】python的lxml库使用
  • 原文地址:https://www.cnblogs.com/jalenFish/p/14099108.html
Copyright © 2011-2022 走看看