您好，欢迎来到优纳美食网。
科技 教育 生活 旅游 时尚 美容 美食 健康 体育 游戏 汽车 家电
搜索
您的当前位置：首页css二级菜单实现代码集合修正版_javascript技巧

css二级菜单实现代码集合修正版_javascript技巧

来源：优纳美食网



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
第二种方法：
其实，所谓的二级菜单都差不多，无非就是为二级菜单定义一个层，当鼠标放在一级菜单上的时候显示这个层，而将鼠标从一级菜单上移开时隐藏这个层。因此，通过这个经典的CSS二级菜单又可以衍生出很多种不同的二级菜单，其中一种如下图所示，弹簧式的。



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
也可以竖着的二级菜单变成横着的，如下面两个图所示。


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
以上几种菜单在IE、Firefox、Opera、Flock浏览器下运行通过，但是有一个问题，就是在一级菜单中单击鼠标后，二级菜单就不会消失了。这不能不说是一个bug啊。另外，还有一种横着的二级菜单，这个菜单如下图所示。该菜单在IE浏览器中运行通过，但在Firefox、Opera、 Flock浏览器中运行不正常。



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

以上脚本之家文件打包下载

Copyright © 2019- unap.cn 版权所有

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务