页头下拉广告,加了关闭按钮,不闪屏

原创 2007年09月17日 13:02:00

把图片地址换成你自己的图片就可以了

<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>=500)  //高度
        {
            return;
        }
        document.getElementById("ads").style.display = "";
        document.getElementById("ads").style.height = h+"px";
        setTimeout("addCount()",30);
    }
   
    window.onload = function showAds()
    {
        addCount();
        setTimeout("noneAds()",8000); //停留时间自己适当调整
    }
    </script>
   
    <script type="text/javascript" language="javascript">
    var T = 500;
    var N = 500; //高度
    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>
</head>
<body>
    <form id="form1" runat="server">
    <div id="ads" style="margin:auto; display:none; width:100%; top:0px; height:0px; border:solid 1px #000; background-color:#fafafa; position:relative; overflow:hidden; text-align:center;">
        <img src="C:/Documents and Settings/Administrator/My Documents/My Pictures/51.bmp" width="100%"  alt="" /><div id="close" style="position:absolute; right:50px; bottom:20px; cursor:hand;" >
 <img src='close.gif' onClick='javascript:document.getElementById("ads").style.display = "none";document.getElementById("close").style.display = "none"' width='100' height='14' border='0' vspace='3' alt='关闭广告'></div>
    </div>
 
    <div style="margin:auto; width:100%; height:200px; border:solid 1px #000; background-color:#fafafa; text-align:center;">
        网站主体内容
    </div>
 <table><tr><td style="position:relative">
 
 </td></tr></table>
    </form>
</body>
</html>
  

闪屏/广告页面的逻辑

方法postDelayed和removeCallbacks方法 闪屏页 广告页
  • qq_26440221
  • qq_26440221
  • 2016年11月26日 14:52
  • 425

模仿App后台切换到前台显示闪屏(广告)页面

感觉今年,后台每一次切换到前台,都显示一次广告页面,这种实现的app越来越好,于是乎自己打算写一个1.感觉肯定是在生命周期的哪一个步骤之中触发了这个功能,于是乎,写了一遍生命周期,权当复习了,publ...
  • qq_33413264
  • qq_33413264
  • 2017年10月31日 10:30
  • 410

vue2手机APP项目中,加入开屏广告或者闪屏广告

一般项目里,有的会在启动的时候加开屏广告或者闪屏广告。我们是在index.html通过定位来做的。如下: style media="screen"> #entry { width: 10...
  • zhaohaixin0418
  • zhaohaixin0418
  • 2017年06月21日 14:48
  • 749

[Android效果]Android中实现闪屏的欢迎界面

实现如下: welcome_ui.xml
  • CodeEmperor
  • CodeEmperor
  • 2015年08月06日 11:24
  • 2424

Android启动页面(闪屏页面)的实现

闪屏页面是指APP刚启动时的页面会自动跳转到主页面单单实现闪屏页面非常简单。闪屏界面的作用: 1.展示自己软件的logo,口号标识语等, 2.作为广告平台,获取利益 3.加载下一页面(其他...
  • PlainWaterh
  • PlainWaterh
  • 2017年10月09日 17:32
  • 415

制作带关闭按钮的固定广告

需求说明 当滚动条向下或向右移动时,图片和关闭按钮随滚动条移动,相对于浏览器的位置固定 单击关闭按钮,页面中的图片和关闭按钮不显示function adv_close(){ documen...
  • qq_39879340
  • qq_39879340
  • 2017年09月26日 15:42
  • 178

安卓App闪屏页及引导页的实现

Hi~各位小小程序猿们你们好,接下来我总结和归纳一下我实现App中闪屏页及引导页的步骤及思路。             第一次写博客望大家多多指点,在学习中共同进步,共勉共勉~            ...
  • Archer_csl
  • Archer_csl
  • 2016年09月12日 20:09
  • 1204

Android进阶篇之引导页系列之Splash闪屏Log

最近比较闲,所以会陆续出很多基础型Demo和高级点的Demo,,小伙伴们肯定又要骂了,孙子又来装B了 在android应用中,其实闪屏是一个很重要的前期 先上效果图:就是一个页面,没有Logo和公...
  • ye_scofield
  • ye_scofield
  • 2015年01月29日 12:27
  • 7667

Android闪屏界面点击跳过

在闪屏界面加载自己公司logo起到潜移默化的宣传的作用,在app中绝大多数项目都有闪屏界面跳过功能,不说了上代码: public class MainActivity extends Activ...
  • wangshan_1121
  • wangshan_1121
  • 2017年01月07日 16:44
  • 641

带关闭按钮的右下角图片广告

带关闭按钮的右下角图片广告 //定位层的函数 function posRightCorner() { //top放到 高度-120 的位置,120大概就是div的高度 ad...
  • liufengfengcoc
  • liufengfengcoc
  • 2015年08月17日 11:01
  • 629
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:页头下拉广告,加了关闭按钮,不闪屏
举报原因:
原因补充:

(最多只允许输入30个字)