[原]隐藏cnblogs侧边栏

<div id="w_sidebar_switch" style="cursor: pointer; position: absolute; top: 140px;">隐藏</div>
<script type="text/javascript">     // <![CDATA[
    //Date: 2013-02-22
    //Author: wintys (wintys@gmail.com)
    //Description:隐藏博客园(cnblogs)中个人博客的侧边栏等。在博客设置中添加如下代码即可。
    //Key Words:JS、CSS、显示、隐藏、DIV
    var obj=document.getElementById("sideBar");
    var obj_switch=document.getElementById("w_sidebar_switch");    
    var mainContent=document.getElementById("mainContent");
    var forFlow=mainContent.firstChild.nextSibling;

    //显示/隐藏DIV
    obj_switch.onclick=function (){
        if(obj.style.display=="none"){
            obj.style.display="block";
            obj_switch.innerHTML="隐藏";


            mainContent.style.marginLeft="-250px";
            forFlow.className="forFlow";
            forFlow.style.margin=" 0px 16px 0px 266px";
        }
        else{
            obj.style.display="none";
            obj_switch.innerHTML="显示";

            
            mainContent.style.marginLeft="16px";
            forFlow.className="";//需要清空class,直接设margin不起效果。
            forFlow.style.margin="0px 16px";
        }
    }

// ]]> </script>
posted @ 2013-02-22 16:48  wintys  阅读(1224)  评论(1编辑  收藏  举报