php广告
‘壹’ 在php页面中怎样添加弹出广告代码是什么
PHP网页打开自动弹出广告,五秒后自动关闭的网页代码如下:
新建网页写入代码即可
<!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>网页弹出广告窗口 boaer.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body,html{margin:0;padding:0;font-size:12px;font-family:Arial;font:12px/1 Helvetica, Tahoma, Arial, \5b8b\4f53, sans-serif;}
.fixedMask{position:fixed; display:none;top:0; left:0; z-index:999; width:100%; height:100%; background:#000; filter:alpha(opacity=30); opacity:0.3; }
* html { background:url(*) fixed; }
* html body { margin:0; height:100%; }
* html .fixedMask{ position: absolute; left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }
#ad{width:570px;height:345px;border:1px solid #333;border-top-width:5px;position:absolute;z-index:9999;left:50%;margin-left:-290px;top:50%;margin-top:-175px;display:none;}
#ad a{display:block;position:absolute;text-decoration:none;right:0;top:0px;font: 12px/1.5 arial;background:#B50000;padding:2px 5px;color:#fff;}
#ad a:hover{background:red;}
</style>
</head>
<body>
<iframe scrolling="no" src="http://boaer.com" style="width:100%;height:1000px"></iframe>
<div id="ad">
<a href="#1" >关闭</a>
<img src="http://home.blueidea.com/attachment/201006/4/194782_1275642410qVBm_m.jpg" alt="" />
</div>
</body>
<script type="text/javascript">
//<![CDATA[
alert('5秒后自动关掉!');
function Mask() {
if (Mask.instance) return Mask.instance;
this.el = document.body.appendChild(document.createElement('DIV'));
this.el.className = 'fixedMask';
Mask.instance = this;
};
Mask.prototype = {
show: function(fn) {
this.el.style.display = 'block';
fn&&fn();
},
hide: function(fn) {
this.el.style.display = 'none';
fn&&fn()
}
};
var x=new Mask();
var AD=document.getElementById('ad');
AD.getElementsByTagName('A')[0].onclick=hide;
x.show(function (){
AD.style.display='block';
});
setTimeout(hide,5000);
function hide(){
x.hide(function (){
AD.style.display='none';
})
}
//]]>
</script>
</html>
‘贰’ php如何实现打开首页显示一次的蒙层广告效果!我复制了vip的蒙层,可是每次刷新都会显示一次!!
1:先把蒙层广告默认是隐藏的
2:用JS判断是否今天显示过
var strCookie=document.cookie;
var todayVip='';
if(strCookie)
{
var arrCookie=strCookie.split("; ");
for(var i=0;i<arrCookie.length;i++){
var arr=arrCookie[i].split("=");
//找到名称为userId的cookie,并返回它的值
if("todayVip"==arr[0]){
todayVip=arr[1];
break;
}
}
var d = new Date();
var disday=d.getMonth()+'/'+d.getDate();
if(disday==todayVip)
{
隐藏广告
}
else
{
显示广告
document.addCookie("todayVip="+disday);
}
}
else
{
var d = new Date();
var disday=d.getMonth()+'/'+d.getDate();
document.addCookie("todayVip="+disday);
显示蒙层广告
}
希望我的回答能给你帮助
----君少
‘叁’ 如何正确使用PHPCMS V9的广告模块
前言
在phpcms中,正确合理的使用广告模块,能给我们制作网页时节省很多的时间,但是由于官方文档的不完善,往往我们不能正确的使用广告模块,其实,在使用过程中有一个关键,那就是要对广告模板进行重新设置,重设之后才能正常使用广告模块,不会出现错误提示了!步骤如下:
广告模板设置1.png
在菜单“模块 > 模块管理 > 广告 >”,点击“广告模板设置”。注意:在默认中phpcms会自动添加8个广告模板,除了test模板外,默认是只能查看,不能修改了,点击“删除”按钮后,会出现“设置”按钮,就可以修改默认的模板了,如下图所示:
广告模板设置_图片列表广告模板设置.png
完成上面步骤后,需要添加版位,点击“添加版位”按钮,如下图所示
添加版位.png
添加广告,如下图所示:
添加版位2.png
可以添加多个图片,如下图所示:
添加广告.png
在index.html中的广告位添加调用广告的代码,由于默认的调用方式,只能展示一张图,所以使用了get 标签,另外,由于需要图片切换显示,所以使用了jquery的SuperSlide 插件[1],将插件在header.html中引用即可,代码如下:
最新代码
<!--1号广告位-->
<div id="ads960X100" class="ads960X100 bot"> {pc:get sql="SELECT setting FROM v9_poster WHERE spaceid = 15 AND type='images' AND disabled=0 ORDER BY listorder ASC" num="5"}
{loop $data $r}
{php $narry = string2array($r[setting]); }
<div class="hd">
<ul></ul>
</div>
<div class="bd">
<ul>
{loop $narry $j}
<li><a href="{$j[linkurl]}" target="_blank"><img src="{$j[imageurl]}" alt="{$j[alt]}"/></a></li>
{/loop}
</ul>
</div>
{/loop}{/pc} </div>
<!--1号广告位 END-->
原代码
<!--1号广告位-->
<div id="ads960X100" class="ads960X100 bot"> {pc:get sql="SELECT setting FROM v9_poster WHERE spaceid = 15 AND type='images' AND disabled=0 ORDER BY listorder ASC" num="5"}
{loop $data $r}
{php $narry = string2array($r[setting]); }
<div class="hd">
<ul>
<?php for($x = 1; $x <= count($narry); $x++){
echo "<li>" . $x . "</li>"; }
?>
</ul>
</div>
<div class="bd">
<ul>
{loop $narry $j}
<li><a href="{$j[linkurl]}" target="_blank"><img src="{$j[imageurl]}" alt="{$j[alt]}"/></a></li>
{/loop}
</ul>
</div>
{/loop}{/pc} </div>
<!--1号广告位 END-->
在index.html尾部需要添加的js 代码如下:
最新代码
<script type="text/javascript">
jQuery(".ads960X100").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,autoPlay:true,delayTime:1200}); //广告播放
</script>
原代码
<script type="text/javascript">
jQuery(".ads960X100").slide({mainCell:".bd ul",autoPlay:true,delayTime:1200}); //广告播放
</script>
需要使用的css代码如下,我将它添加到default.css中
.ads960X100{ width:960px; height:100px; overflow:hidden; position:relative; border:1px solid #ddd; }
.ads960X100 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.ads960X100 .hd ul{ overflow:hidden; zoom:1; float:left; }
.ads960X100 .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.ads960X100 .hd ul li.on{ background:#f00; color:#fff; }
.ads960X100 .bd{ position:relative; height:100%; z-index:0; }
.ads960X100 .bd li{ zoom:1; vertical-align:middle; }
.ads960X100 .bd img{ width:960px; height:100px; display:block; }
[1]: SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新,截止发文前,版本是2.1.2。