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

JavaScript025

左侧导航栏可显示与隐藏用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：望采纳！

你可以先给img加一个id如：<img src="#" id='img1'/>，然后js代码可以这样写：

$(function(){

$("#img1").click(function(){

//关闭id=left的div

$("#left").hide()

//显示id=left的div

$("#left").show()

//换id=img1图片的内容

$("#img1").attr("src",imgPath)/*这里的imgPath是你所要更换图片的路径*/

})

}