咨询热线:18076568990、0755-25823180

[已解决] V3-B11 顶部banner广告展开与隐藏带插件,带关闭按钮,一天内不显示

11132 89 shopwt 发表于 2015-7-14 10:03:29
1金钱
商城顶部做了一个banner广告展开效果,广告后台控制显示与隐藏,当用户点击banner右上角的关闭按钮时,使用cookie技术,要过24小时后才自动显示哦。

在后台,添加一个广告,拿到调用代码

QQ截图20150714101745.jpg

复制广告代码,比如:
  1. <?php echo loadadv(1047);?>
复制代码
\shop\templates\default\layout\common_layout.php
搜:
  1. <body>
复制代码
找到这样的标签:
  1. <!-- 顶部广告展开效果-->
  2. <!-- 顶部广告展开效果-->
复制代码
把广告代码放到这标签里,代码如下:
  1. <!-- 顶部广告展开效果-->
  2. <div class="wrapper" id="top-banner">
  3. <a href="javascript:void(0);" class="close" title="关闭"></a>
  4. <?php echo loadadv(1047);?>
  5. </div>
  6. <!-- 顶部广告展开效果-->
复制代码
搜:
  1. $("#keyword").blur();
复制代码
在他下面添加:
  1. var cook = getCookie('v3_banner');
  2.                 if(cook){
  3.                 $("#top-banner").hide();
  4.                 } else {
  5.                         $("#top-banner").slideDown(800);
  6.                         }
  7.                 $("#top-banner .close").click(function(){
  8.                         setCookie('v3_banner','yes',1);
  9.                         $("#top-banner").hide();
  10.         });
复制代码
路经:\data\resource\js\common.js
把以下代码放到最后:
  1. function setCookie(name,value,days){
  2.         var exp=new Date();
  3.         exp.setTime(exp.getTime() + days*24*60*60*1000);
  4.         var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
  5.         document.cookie=name+"="+escape(value)+";expires="+exp.toGMTString();
  6. }
  7. function getCookie(name){
  8.         var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
  9.         if(arr!=null){
  10.                 return unescape(arr[2]);
  11.                 return null;
  12.         }
  13. }
  14. function delCookie(name){
  15.         var exp=new Date();
  16.         exp.setTime(exp.getTime()-1);
  17.         var cval=getCookie(name);
  18.         if(cval!=null){
  19.                 document.cookie=name+"="+cval+";expires="+exp.toGMTString();
  20.         }
  21. }
复制代码
路经:\shop\templates\default\css\home_header.css
把以下css样式代码放到最后面:
  1. /*顶部banner广告*/
  2. #top-banner { position:relative; display:none}
  3. #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
大概第三行,把
  1. .public-top-layout
复制代码
更换为:
  1. #top-banner, .public-top-layout
复制代码
以下是弄好了V3-B11版本的打包好的文件:
游客,如果您要查看本帖隐藏内容请回复

1084717491 发表于 2017-4-24 10:44:29
回帖是一种美德
回复

使用道具 举报

mlnc5678 发表于 2017-4-5 23:54:28
okokokokokokokok
回复

使用道具 举报

sunhugo 发表于 2017-1-2 19:50:02
.....0000000000000000000000000
回复

使用道具 举报

小王子 发表于 2016-12-15 12:28:55
回帖是一种美德
回复

使用道具 举报

泡面 发表于 2016-10-9 16:11:36
顶部banner广告展开与隐藏带插件,带关闭
回复

使用道具 举报

qiangxk 发表于 2016-9-15 13:57:28
f顶部banner广告展开与隐藏带插件,带关闭按钮,一天内不显示
回复

使用道具 举报

beyondcj 发表于 2016-4-2 22:38:43
谢谢!!!
回复

使用道具 举报

mdga 发表于 2016-2-5 02:50:56
多谢了,支持一下!
回复

使用道具 举报

忘啦我要睡觉了 发表于 2016-2-1 14:39:37
统一货品【我哦哦价格和差距可不理你
回复

使用道具 举报

tunhao 发表于 2015-11-16 02:46:08
0000000000000000000000000
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

  • 今日
    0
  • 主题
    90

推荐贴子

联系我们

产品及方案咨询:18076568990、0755-25823180

电子邮箱:web@shopwt.com、客服微信:shopwtcom

公司地址:深圳市罗湖区人民南路3002号国贸大厦B座1608楼

  • 官方公众号

  • 微信客服