下拉广告

最新推荐文章于 2024-07-06 16:47:02 发布

shishaomeng

最新推荐文章于 2024-07-06 16:47:02 发布

阅读量2k

点赞数

分类专栏：前台技术（技巧）文章标签： javascript function border date null div

本文链接：https://blog.csdn.net/shishaomeng/article/details/3775464

版权

前台技术（技巧）专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>像163网站顶部展出的大幅广告</title> <mce:script type="text/javascript" language="javascript"></mce:script> <mce:script type="text/javascript" language="javascript"></mce: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="yingchun.jpg" mce_src="yingchun.jpg" width="100%" alt="" /> <div id="close" style="position:absolute; right:50px; bottom:20px; cursor:hand;" > <img src="close.gif" mce_src="close.gif" onClick='javascript:document.getElementById("ads").style.display = "none";document.getElementById("close").style.display = "none"' width='100' height='40' 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" mce_style="position:relative"> </td></tr></table> </form> </body> </html>

还可以使用cookie技术来控制广告的显示次数，以消除广告反复呈现给用户带的烦恼，

一般都是初次登陆显示一次，有效期设置为一天。程序片段如下：

//add by shishaomeng
function setCookie(name,value)
{
    var Days = 1;
    var exp = new Date();    //new Date("December 31, 9998");
        exp.setTime(exp.getTime() + Days*24*60*60*1000);
        document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)
{
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
        if(arr=document.cookie.match(reg)) return unescape(arr[2]);
        else return null;
}
function delCookie(name)
{
    var exp = new Date();
        exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
        if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}