html js 左侧二级菜单,横向二级导航菜单(html+css+js)

/*基本信息*/

body

{

margin: 0;

padding: 0;

background: #FFFFFF;

}

/*导航*/

#navigation

{

font: 12px bolder "Lucida Grande" ,​Helvetica,​Arial,​Verdana,​sans-serif; /* 设置文字大小和字体样式 */

height: 32px;

background: #999999;

}

.ul1

{

list-style-type: none; /* 将默认的列表符号去掉 */

margin: 0;

padding: 0;

}

.li1

{

/*: block;display:block - 把链接显示为块元素可使整个链接区域可点击(不仅仅是文本)，同时也允许我们规定宽度。*/

border-right: 0; /* 去掉左侧边框 */

float: left;

padding: 7px 0;

color: #fff;

border-right-width: 1px;

border-right-style: solid;

min-width: 120px;

width: auto;

text-align: center;

}

.li1:hover

{

background: #323232; /* 变换背景色 */

c