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。