专注企业网站优化-公司网站排名优化-SEO关键词优化

13511627401[付先生]

网站优化关键词排名公司

专注公司网站优化 SEO关键词优化

如何实现导航菜单的显示与隐藏

网站优化咨询:13511627401
如何实现导航菜单的显示与隐藏

我们这里说的是网站如何实现导航菜单的显示与隐藏,而不是浏览器的导航菜单显示与隐藏。那如果左侧导航栏可显示与隐藏用js该怎么实现。
 
1:需要获取左侧导航栏对象。
2:绑定事件
3:css中的显示隐藏有:
4:display:block;显示;
5:display:none;隐藏;
6:内opacity:1;显示;
7:opacity::0;隐藏;
但元素不会彻底消失容只是透明度为0,还是会占据空间,会触发事件。
8:visibility:visible;显示。
9:visibility:hidden;隐藏,元素不会彻底消失。还会占据空间。
10:css3中有transform:scale(1);显示,2D缩放转换。
11:transform:scale(0);隐藏,2D缩放转换。

电话咨询