html右侧可隐藏导航栏,HTML&CSS----练习隐藏导航栏（三级导航）

无标题文档

*{margin:0px;padding:0px;}#aa{height:40px;width:90px;top:80px;left:200px;background-color:#339;position:absolute;overflow:hidden;text-align:center;line-height:40px;

}#bb{height:120px;width:90px;top:40px;left:0px;background-color:#3FC;position:absolute;

}table{height:120px;width:90px;border:0px;text-align:center;

}#cc{height:40px;width:90px;position:absolute;left:0px;top:0px;overflow:hidden;background-color:#6F6;

}#dd{height:40px;width:90px;background-color:#666;position:absolute;left:90px;top:0px;

}#ee{height:40px;width:90px;position:absolute;left:0px;top:40px;overflow:hidden;background-color:#6F9;

}#ff{height:40px;width:90px;background-color:#666;position:absolute;left:90px;top:0px;

}#gg{height:40px;width:90px;position:absolute;left:0px;top:80px;overflow:hidden;background-color:#F99;

}#hh{height:40px;width:90px;background-color:#666;position:absolute;left:90px;top:0px;

}

新闻动态

场景讲座

活动比赛杂谈项目

functionover()

{vara=document.getElementById("aa");

a.setAttribute("style","overflow:visible;background-color:yellow");}functionout()

{vara=document.getElementById("aa");

a.setAttribute("style","overflow:hidden");

}functionover1()

{vara=document.getElementById("cc");

a.setAttribute("style","overflow:visible;background-color:green");}functionout1()

{vara=document.getElementById("cc");

a.setAttribute("style","overflow:hidden");

}functionover2()

{vara=document.getElementById("ee");

a.setAttribute("style","overflow:visible;background-color:yellow");}functionout2()

{vara=document.getElementById("ee");

a.setAttribute("style","overflow:hidden");

}functionover3()

{vara=document.getElementById("gg");

a.setAttribute("style","overflow:visible;background-color:red");}functionout3()

{vara=document.getElementById("gg");

a.setAttribute("style","overflow:hidden");

}