运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
x
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
    <head>
4
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5
        <title>简洁的CSS下拉菜单代码
6
        </title>
7
        <style>
8
        </style>
9
        <!-- dd menu -->
10
        <script type="text/javascript">
11
            var timeout         = 500;
12
            var closetimer      = 0;
13
            var ddmenuitem      = 0;
14
            // open hidden layer
15
            function mopen(id)
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
xxxxxxxxxx
54
 
1
#sddm {
2
    margin:0 auto;
3
    padding:0;
4
    z-index:30;
5
    background-color:#F4F4F4;
6
    width:480px;
7
    height:23px;
8
}
9
#sddm li {
10
    margin:0;
11
    padding:0;
12
    list-style:none;
13
    float:left;
14
    font:bold 12px arial
15
}
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
CSS下拉菜单代码
分类
菜单导航
描述
超简洁但很实用的纯CSS下拉菜单代码,最多支持二级,不过对于一般性的网站,已经够用了,本代码更重要的是让CSS爱好者学会以一种下拉菜单的编写思路,从而更好的实现更多级的的导航菜单。
收藏