让文字
绕过心间越过指间融于笔下

关闭广告按钮-轻松一键关闭

首先汇报下:对不起了各位观众,本来打算保持本博客的清新的,可惜想来想去,任何事都不是绝对完美的,所以广告还是必须的,缺少广告的博客就像缺少一点点野性的美女—(缺少野性美)。

但是考虑到读者的体验,广告必须是可以关闭的灵活的!所以想办法折腾呢!观遍google终于找到一个适合点的,能融入主题的。

呵呵不说了看看效果吧,文章页面的右边的广告已经加入了关闭按钮,试试看哈。另:顺手点个广告呗!

广告关闭按钮

广告关闭按钮

呵呵觉得按钮融合的还是蛮好的。

嗯,博客还是以人为本哈。文章页的打算搞个一键关闭按钮面包屑那儿!

下面看代码:

广告关闭按钮:
01 function show()
02 {
03     document.getElementById("cssrain").style.display="block";
04 }
05 function closediv(){
06     document.getElementById('cssrain').style.display='none';
07 }
08
09
10 var out_div = true;//标识
11
12 function checkdiv(event){
13     var event  = window.event || event;
14     var obj = event.srcElement ? event.srcElement : event.target;
15     if(out_div && obj!=document.getElementById('showbutton') ){
16         closediv();
17     }
18 }
19
20
21 document.onclick = function(event){
22    checkdiv(event);
23 }
24
25 document.getElementById("cssrain").onmouseover = function(){
26    out_div = false;
27 }
28
29 document.getElementById("cssrain").onmouseout = function(){
30    out_div = true;
31 }

这是js代码,运用方式:

<SCRIPT>这中间放上面的这段代码</SCRIPT>这段代码放在footer或者其他什么地方。

调用代码:

:关闭指定div标签(注意js中的那个cssrain默认的div你可以修改成你想要关的)把下面的代码粘贴到你想放的地方就可=可以看到关闭按钮了。

 <input type="button" value="Close" onclick="closediv();"/>

:显示按钮,把下面的代码放到你想要的地方,点击按钮会显示中被隐藏的按钮。

<input id="showbutton" type="button" value="Show" onclick="show();"/>

好了,呵呵,当然也许你也想到了标识代码可以不用,这样这么简洁的代码可以隐藏显示你不喜欢或喜欢的模块!

呵呵,大家看看哦,网站加了好多功能这几天,大概已经全部完工了,发现问题的请举报啊,博主有大大的奖励~~~

赞(1) 打赏
未经允许不得转载:志慧-人生历程 » 关闭广告按钮-轻松一键关闭

评论 145

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #68

    这个实用

    玉苏子6年前 (2018-01-25)回复
  2. #67

    This web site is admittedly fascinating i am probing for is there any other examples? however anyway thanks very much because I found that i was yearning for.

    wheres my water apk12年前 (2012-04-18)回复
  3. #66

    嘿嘿。。。。。

    王善钟12年前 (2012-04-13)回复
  4. #65

    来吧来吧,相约就点吧.....

    小小果12年前 (2012-04-11)回复
    • 百度不收录我的留言,不要白费力气! 😎

      志慧12年前 (2012-04-11)回复
  5. #64

    注意,谷歌广告,不能在页面中,有任何点击的提示哦

    潜行者m12年前 (2012-04-07)回复
    • 💡 谷歌广告是不想了~~挂了几个月只有2美元,妹啊~度娘每天最好有几块钱呢~

      志慧12年前 (2012-04-07)回复
  6. #63

    哈哈!话说,你都收了多少钱了呀!!! :mrgreen:

    imruxin12年前 (2012-04-06)回复
    • 🙁 每天一块钱左右,平均每次点击单价在7毛钱左右~

      志慧12年前 (2012-04-06)回复
      • 额,好吧!@其实可以叫你的朋友时不时点击下的!可惜我这看不到你的广告!!!只是一个框框!!!

        imruxin12年前 (2012-04-06)回复
  7. #62

    代码是可以像您这一样,可以跟着下滑的吗?这效果真的非常棒。回去也弄弄。

    冠朔wordpress插件12年前 (2012-04-02)回复
    • 呵呵看到你文章页的广告也跟着滑动了!

      志慧12年前 (2012-04-03)回复
      • 是啊,对于有些比较长的文章,应该有用吧。明早看看是不是赚多了几块钱? :mrgreen: :mrgreen:

        冠朔wordpress插件12年前 (2012-04-03)回复
        • 呵呵广告我只想一年把主机钱赚回来就不错了~

          志慧12年前 (2012-04-03)回复
  8. #61

    大家对广告应该是直接忽视吧,谁愿意去点那个关闭按钮。

    冠朔wordpress插件12年前 (2012-04-02)回复
    • 嘿嘿,点布点是读者的事,放上去了,会让读者感觉到wowo站长在为我们考虑呢,这样更能留住访客!

      志慧12年前 (2012-04-03)回复
  9. #60

    百度的广告?。似乎现在的投放广告赚取广告费用的利润越来越低了,
    也越来越严格了。也许可以寻找二次投资机会,出了广告,也许自己放淘宝客,
    会有更好的效果。
    只是建议 呵呵~~

    evan12年前 (2012-04-01)回复
    • 么有淘宝客~~哎·

      志慧12年前 (2012-04-03)回复
      • 去弄个呗 哈~只是建议而已啦~ 加油 我不会杜绝广告的~只要不影响页面美观就好了 呵呵~~

        evan12年前 (2012-04-09)回复
  10. #59

    嘿嘿不错不错

    影楼网销12年前 (2012-03-31)回复
  11. #58

    我了个去,人气真旺啊,评论页老长了,还带分页!

    豆腐面12年前 (2012-03-31)回复
    • :mrgreen: 离不开你的支持哦~~

      志慧12年前 (2012-03-31)回复
  12. #57

    网站加了好多功能

    Nike TN12年前 (2012-03-30)回复
  13. #56

    我也来支持个哈~~ 🙂

    刘艾妮博客12年前 (2012-03-30)回复
  14. #55

    商业化是必要的,可惜我看不到你的广告,因为屏蔽了。。 😆

    八方SEO12年前 (2012-03-30)回复
    • 🙁 这个也算在广告展示量吧~~

      志慧12年前 (2012-03-30)回复
  15. #54

    只要不是"侵入式广告"大家就能接受,广告是维持支出的正常手段,不干扰正常浏览就行。像优酷那种强制观看的和门户网主动弹出的才该屏蔽。提供关闭功能的广告,比如博客们,常常不是侵入式的,侵入式的广告需要关闭却都不提供。这真是矛盾的事情。

    ttfioc12年前 (2012-03-29)回复
    • 嗯,一旦企业做大做强,他们对用户的体验就会降低很多,比如你说的那些广告,一开始都没那么大幅的、弹出的。现在全部都是~博客不大,人气不高,更要注重用户体验!

      志慧12年前 (2012-03-30)回复
  16. #53

    回访无止境,止境是没时间。工作太忙,N久没来了

    咦哇噢博客12年前 (2012-03-29)回复
  17. #52

    嗯。。。不怎么专业,我还得好好学习

    高清工作站12年前 (2012-03-29)回复
    • 😆 混这个博客的90%都是非专业人士~

      志慧12年前 (2012-03-29)回复
  18. #51

    好烦啊,一直跟着 😈

    龙城瓶子12年前 (2012-03-29)回复
    • 么注意到么?上面有关闭按钮的。就是随窗口动的那个广告。

      志慧12年前 (2012-03-29)回复

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏