CSS+Javascript弹出式导航菜单
最近在做一个页面时,需要用到弹出式菜单,虽然单纯使用CSS也可以做弹出式菜单,但是最终效果总是满足不了需求,无奈之下,只要自己用CSS+Javascript写了一个弹出式菜单。
还是先把效果图展示一下吧:(此菜单在IE于FF均适用)
菜单的操作流程是:单击上面的栏目后,弹出菜单,当鼠标放到某一菜单项时颜色加深显示,当鼠标离开800毫秒后,弹出菜单隐藏。 具体步骤: 1. 先建立html文件:
2. 建立CSS文件,构件菜单样式,名称为:menu.css
3. 建立js脚本文件,用来控制里面的一些操作功能,名称为:menu.js
好了,完成,呵呵。。。只不过颜色样式还可以调的更好看的。。。无奈颜色搭配水平有限。。。以后再优化了。。。呵呵。。。