左侧导航栏可显示与隐藏用js该怎么实现

JavaScript09

左侧导航栏可显示与隐藏用js该怎么实现,第1张

1:需要获取左侧导航栏对象。

2:绑定事件

3:css中的显示隐藏有:

3.1:display:block显示

3.2:display:none隐藏

3.3:opacity:1;显示

3.4:opacity::0;隐藏,但元素不会彻底消失只是透明度为0,还是会占据空间。会触发事件。

3.5:visibility:visible显示

3.6:visibility:hidden隐藏,元素不会彻底消失。还会占据空间。

3.7:css3中有transform:scale(1)显示。2D缩放转换

3.8:transform:scale(0)隐藏,2D缩放转换

4:对以上回答如有疑问请指正或者追问。

5:望采纳!

依靠css 将页面

document.documentElement.style.overflow='hidden'

document.body.style.overflow='hidden'//手机版设置这个。

如果设置了如上,页面的滚动条将会消失,此时鼠标滚轮失效。

1.name="topwin" 请改写成id="topwin",对于window.frameset这样简洁的写法,chrome只认id,而IE则这样处理:先找有没有id=topwin的frameset,如果有直接取到,如果没有,则寻找name="topwin"的frameset。

2.对于你的第二个问题,没看懂,你是需要怎样的鼠标样式?你取节点的时候,建议不要直接用id名,用:document.getElementById()这个方法能保证对所有浏览器都生效, img1.src=“XXX”这句改成document.getElementById(“img1”).src=“XXX”应该就没问题了

PS:现在的浏览器都带有调试功能,IE和chrome都是按F12调出来,看console能看到js错误,你这个在chrome下肯定会报错的