商城顶部做了一个banner广告展开效果,广告后台控制显示与隐藏,当用户点击banner右上角的关闭按钮时,使用cookie技术,要过24小时后才自动显示哦。
在后台,添加一个广告,拿到调用代码
复制广告代码,比如:- <?php echo loadadv(1047);?>
复制代码 \shop\templates\default\layout\common_layout.php
搜:找到这样的标签:
- <!-- 顶部广告展开效果-->
- <!-- 顶部广告展开效果-->
复制代码 把广告代码放到这标签里,代码如下:- <!-- 顶部广告展开效果-->
- <div class="wrapper" id="top-banner">
- <a href="javascript:void(0);" class="close" title="关闭"></a>
- <?php echo loadadv(1047);?>
- </div>
- <!-- 顶部广告展开效果-->
复制代码 搜:在他下面添加:- var cook = getCookie('v3_banner');
- if(cook){
- $("#top-banner").hide();
- } else {
- $("#top-banner").slideDown(800);
- }
- $("#top-banner .close").click(function(){
- setCookie('v3_banner','yes',1);
- $("#top-banner").hide();
- });
复制代码 路经:\data\resource\js\common.js
把以下代码放到最后:- function setCookie(name,value,days){
- var exp=new Date();
- exp.setTime(exp.getTime() + days*24*60*60*1000);
- var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
- document.cookie=name+"="+escape(value)+";expires="+exp.toGMTString();
- }
- function getCookie(name){
- var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
- if(arr!=null){
- return unescape(arr[2]);
- 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();
- }
- }
复制代码 路经:\shop\templates\default\css\home_header.css
把以下css样式代码放到最后面:- /*顶部banner广告*/
- #top-banner { position:relative; display:none}
- #top-banner .close { position:absolute; right:8px; top:5px;background: url(../images/close.gif) no-repeat; width:35px; height:12px; display:block}
复制代码 路经:
\shop\templates\default\home\login.php
\shop\templates\default\home\register.php
\shop\templates\default\home\find_password.php
大概第三行,把更换为:- #top-banner, .public-top-layout
复制代码 以下是弄好了V3-B11版本的打包好的文件:
|