腾讯云服务器优惠活动华纳云香港服务器

如何给我们的站点广告添加一个关闭按钮

不知道分钱榜的读者朋友们有没有发现,分钱榜博客有什么贴心的小变化呢?没错,就是给网站导航栏下的推荐表格做了一个关闭按钮。如果你觉得表格过长,影响了你看文章列表,你就可以小手一抖,关掉这个大表哥了:

如何给我们的站点广告添加一个关闭按钮-第1张-boke112百科(boke112.com)

怎么样,是不是有种耳目一新的感觉呢?我在折腾这个功能的时候,还惨遭友站泛宝汇博客无情取笑:广告就是给人看的,你还要做个关闭按钮,简直多此一举 。好吧,为了给读者们一个良好的用户体验,我不入地狱,谁入地狱呢?

下面我来说一说是怎么做的吧。也许会有和我一样傻的站长需要呢。

1、首先,我们来创建一个写 Cookie 的 js。代码如下:

  1. (function(){
  2. function SetCookie(c_name,value,expiredays){
  3.     var exdate=new Date();
  4.     exdate.setDate(exdate.getDate()+expiredays);
  5.     document.cookie=c_name+“=”+escape(value)+
  6.         ((expiredays==null)?“”:“;expires=”+exdate.toGMTString() + “;path=/”);
  7. }
  8. window[‘PHC’] = {};
  9. window[‘PHC’][‘SetCookie’] = SetCookie;
  10. })();

2、把这个 JS 文件放在网站根目录,不会写 JS 文件的,直接在自己网站随便下载一个,里面的内容换成以上代码。然后我们在广告代码的相应位置插入一个关闭的按钮:

  1. <?php if(!$_COOKIE[‘adsxx’]==’no’){ ?>
  2.     <?php if(is_single()) { ?>
  3. <div id=“xx”>
  4. <span class=“ad”>
  5. <!–这个放你的广告代码–>
  6. </span>
  7. <a title=“关闭” onclick=“document.getElementById(‘xx’).style.display=’none'” href=“javascript:void(0)”>关闭</a>
  8. </div>
  9. <?php } ?><?php } ?>

css 样式的话,我不会写,别问我。

赞 (0) 打赏
版权声明:本文为投稿文章,感谢 分钱榜 的投稿,版权归原作者所有!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu