0顶

仿163首页顶部广告伸缩效果

稿源：互联网 2022-06-20 02:43:34 点击： 1958 撤稿纠错

仿163首页顶部广告伸缩效果，可自定义停留时间和图片。

以下讨论的是和相关的仿163首页顶部广告伸缩效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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 name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>仿163首页顶部广告伸缩效果，zzjs整理收集，zzjs.net欢迎您。</title>
   <script type="text/javascript" language="javascript">
    var time = 500;
    var h = 0;
    function addCount()
    {//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
        if(time>0)
        {
            time--;
            h = h+5;
        }
        else
        {
            return;
        }
        if(h>500)  //高度
        {
            return;
        }
        document.getElementById("ads").style.display = "";
        document.getElementById("ads").style.height = h+"px";
        setTimeout("addCount()",30);
    }
    window.onload = function showAds()
    {
        addCount();
        setTimeout("noneAds()",7000); //停留时间自己适当调整
    }
    </script>
    <script type="text/javascript" language="javascript">
    var T = 500;
    var N = 500; //高度
    function noneAds()
    {
        if(T>0)
        {
            T--;
            N = N-5;
        }
        else
        {
            return;
        }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
        if(N<0)
        {
            document.getElementById("ads").style.display = "none";
            return;
        }
        document.getElementById("ads").style.height = N+"px";
        setTimeout("noneAds()",30);
    }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
    </script>
</head>
<body>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

    <form id="form1" runat="server">
    <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;">
        <img src="/image/1.jpg" width="400" height="300" alt="站长特效网欢迎您" />
    </div>
    <div style="margin:auto; width:900px; height:200px; border:solid 1px #000; background-color:#fafafa; text-align:center;">
        sky提示您，上面放置广告图片，这里是网站主体。
    </div>
    </form>
</body>
</html>

关于仿163首页顶部广告伸缩效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016302862400.shtml方便下次再访问哦。

·上一篇： 很漂亮的图片平滑切换效果
·下一篇： 图片自动播放功能

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

仿163首页顶部广告伸缩效果

文章分类LIST >>返回首页

最新游戏

最新新闻