JavaScript多级下拉菜单代码(简单实用)
2018-10-12 14:07
543 查看
JavaScript下拉菜单 * { padding:0; margin:0; } body { font-family:verdana, sans-serif; font-size:small; } #navigation, #navigation li ul { list-style-type:none; } #navigation { margin:20px; } #navigation li { float:left; text-align:center; position:relative; } #navigation li a:link, #navigation li a:visited { display:block; text-decoration:none; color:#000; width:120px; height:40px; line-height:40px; border:1px solid #fff; border-width:1px 1px 0 0; background:#c5dbf2; padding-left:10px; } #navigation li a:hover { color:#fff; background:#2687eb; } #navigation li ul li a:hover { color:#fff; background:#6b839c; } #navigation li ul { display:none; position:absolute; top:40px; left:0; margin-top:1px; width:120px; } #navigation li ul li ul { display:none; position:absolute; top:0px; left:130px; margin-top:0; margin-left:1px; width:120px; }[/li]
-
[li]栏目2->菜单1
-
[li]菜单3->子菜单1
您可能感兴趣的文章:
相关文章推荐
- JavaScript多级下拉菜单代码(简单实用)
- JavaScript实现非常简单实用的下拉菜单效果
- JavaScript实现非常简单实用的下拉菜单效果
- JavaScript简单下拉菜单实例代码
- JavaScript简单下拉菜单实例代码
- javascript写的简单的计算器,附加界面、代码,方法实用
- (实用)简单的百度各平台分享代码
- CSS3实用多级下拉菜单
- 简单实用图形验证码原生js特效代码
- 收集实用功能和经典的javaScript代码
- “返回顶部代码”滑动效果 jQuery超级简单实用写法
- javascript 实用代码1
- javascript最常用与实用的创建类的代码
- select标签,不需要javascript,jquery等控件,自身多项选中简单代码
- javascript实用代码大全
- 如何基于nand flash启动Linux内核(分享一段实用、简单、类似bootloader功能的代码)
- IOS 开发OC 与JS 交互 WebviewJavaScriptBridge 的简单实用(二)
- Javascript实用代码收集
- 一些实用的 Javascript 代码
- 中级JavaScript例子, 如何实现一个简单实用的模板套用机制, GXTemplate , 第2章(估计要写9章)