想做一个弹出菜单,就是当鼠标放在主菜单上时将会触发子菜单,显示子菜单并且实现子菜单的各个链接。
由于之前写过下拉菜单的各个子栏目链接的实现,所以我认为只是要实现鼠标放在主菜单就显示子菜单的功能,所以查找js触发事件,找到了onmouseover(当鼠标移动到对象上时触发此事件)和onmouseout(当鼠标离开对象时触发此事件)。
但是考虑到两者结合时要考虑一些css样式问题,由于自身对css并不熟悉,所以就通过借鉴他人的成果,地址是
在百度的过程中我还发现了一个很好的想法来实现这个功能,网址
是
这个思想本身很好,只是自己还没有研读透彻这里的具体实现过程。
还有在实现下拉菜单的过程中,由于自己的主菜单下方紧接着是图片,结果出现了图片遮盖住了自己要显示的子菜单,解决方法是加入z-index(z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。)。
阅读(1503) | 评论(0) | 转发(0) |