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

2012-03-27 分类：博客经验阅读() 评论(145)

文章目录[隐藏]

呵呵不说了看看效果吧，文章页面的右边的广告已经加入了关闭按钮，试试看哈。另：顺手点个广告呗！
这是js代码，运用方式：
调用代码：

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

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

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

广告关闭按钮

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

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

下面看代码：

广告关闭按钮:

function show()

{

    document.getElementById("cssrain").style.display="block";

}

function closediv(){

    document.getElementById('cssrain').style.display='none';

}

08

09

var out_div = true;//标识

11

function checkdiv(event){

    var event  = window.event || event;

    var obj = event.srcElement ? event.srcElement : event.target;

    if(out_div && obj!=document.getElementById('showbutton') ){

        closediv();

    }

}

19

20

document.onclick = function(event){

   checkdiv(event);

}

24

document.getElementById("cssrain").onmouseover = function(){

   out_div = false;

}

28

document.getElementById("cssrain").onmouseout = function(){

   out_div = true;

}