[原]隐藏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>
<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>
作者:wintys (wintys@gmail.com)
出处:http://wintys.cnblogs.com
欢迎转载,转载请注明作者及出处。