使用CSS和js做的单页可隐藏菜单栏
用CSS和js做了一个单页的可隐藏左边栏,没有使用frameset和frame。简单了点,觉得有用的看看吧!
?
说明:
单击bar可以隐藏和展开左边栏,nav里面可以放横向菜单,left里面可以放树状资源列表,这样可以将菜单做成横向放在顶部,也可以做成多级菜单,鼠标移上去或者点击某个菜单展开。而左边用来放树状资源列表,节省空间。
?
?
?
test.html
?
?
test.css
function move(){var left = document.getElementById("left");var img = document.getElementById("barimg");var right = document.getElementById("right");if(left.style.width == "0px"){left.style.width = "200px";img.src = "left.gif";right.style.width = "752px";}else{left.style.width = "0px";img.src = "right.gif";right.style.width = "952px";}}?