JavaScript 下拉菜单实现代码
2018-10-12 13:58
846 查看
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代码
- web JavaScript 下拉菜单实现代码(转发)
- 实现年月日下拉菜单的javascript代码示例
- 实现年月日下拉菜单的javascript代码示例~
- 实现年月日下拉菜单的javascript代码示例
- JavaScript 双级下拉菜单实现代码
- javascript手风琴下拉菜单实现代码
- JavaScript 下拉菜单实现代码
- JavaScript 下拉菜单实现代码
- javascript手风琴下拉菜单实现代码
- JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
- 用javascript实现分级下拉菜单(可实现无限级)
- 用javascript来实现select标签的美化的代码
- 基于JavaScript代码实现随机漂浮图片广告
- javascript利用初始化数据装配模版的实现代码
- 使用JavaScript动态设置样式实现代码及演示动画
- JavaScript实现url地址自动检测并添加URL链接示例代码
- javascript 当前日期转化为中文的实现代码
- JavaScript打开word文档的实现代码(c#)