Question

html 高级二级导航菜单

在鼠标没有碰之前是显示左边的样子，鼠标碰之后是显示右边的样子，那个图标实际上是两张图片来的，怎么实现这种效果呀 谢谢各位大神帮忙看看
图标就是一个小小的闹铃，后面那个是一个div颜色来的 不是图片





Answer 1

这个都不用js的，有hover就好了,先把右边的div放在那里，给设置display:none,在左边div：hover给设置display:block;在顺便改个图片就好了

追问

大神能写个css吗 谢谢 初学者。。。

追答

.div1{ };

.div2{ display:none };
.div1:hover .div2{ display:block };
大概这样子，就能有放上去第二个div显示的效果，要注意这样一定要是父子关系

Answer 2

用hover这个伪类，你查查怎么用，只需要提前写好标签，然后先隐藏，最后用hover，实现样式