使用DIV+CSS样式制作影藏菜单、淘宝使用的。

html-css027

使用DIV+CSS样式制作影藏菜单、淘宝使用的。,第1张

如果要考虑很好的兼容,那么你需要用到js。主要思路是用JS来控制对象的className值。

假设代码结构为:

<li class='parent'>menu

<ul>

<li>sub menu</li>

<li>sub menu</li>

</ul>

</li>

然后css部分:

li.parent{background:url(加号图片)}

li.active{background:url('减号图片')}

li.parent ul{position:absolutedisplay:block}

li.active ul{....}

接下来你要做的事情就是用JS给对象(<li class='parent'))加上active类名,使它成为<li class='parent active'>这样的形式。这一步建议你用jquery实现。

1、360浏览器中打开店铺装修

2、点击审查元素

3、CTRL+F 查找 .skin-boxbd{height:0overflow:hidden} (这段代码是我当时隐藏导航时输入的)

4、然后显示出导航 但此时还不会显示编辑按钮 因为编辑也被隐藏了

5、再CTRL+F查找height: 0px

6、可能有好几个height: 0px 把他改成height: 30px

7、一会儿就找到编辑按钮了 然后删除.skin-box-bd{height:0overflow:hidden}