伸缩的两级菜单
/*一级菜单样式*/
#navigation > ul{
list-style-type:none; /*不显示项目符号*/
margin:0px;
padding:0px;
}
#navigation > ul > li{
border-bottom:1px solid #ed9f9f; /*添加下划线*/
}
#navigation > ul > li > a{
display:block; /*区块显示*/
padding:5px 5px 5px 0.5em;
text-decoration:none;
border-left:12px solid #711515; /*右边的粗红边*/
border-right:1px solid #711515; /*右侧阴影*/
}
#navigation > ul > li > a:link,#navigation > ul > li > a:visited{
background-color:#c11136;
color:#ffffff;
}
#navigation > ul > li > a:hover{ /*鼠标经过时*/
background-color:#9900020; /*改变背景色*/
color:#ffff00; /*改变文字颜色*/
}
/*二级菜单样式*/
#navigation ul li ul{
list-style-type:none;
margin:0px;
padding:0px 0px 0px 0px;
}
#navigation ul li ul li{
border-top:1px solid #ed9f9f;
}
#navigation ul li ul li a{
display:block;
padding:3px 3px 3px 0.5em;
text-decoration:none;
border-left:28px solid #a71f1f;
border-right:1px solid #7115515;
}
#navigation ul li ul li a:link,#navigation ul li ul li a:visited{
background-color:#e85070;
color:#ffffff;
}
#navigation ul li ul li a:hover{
background-color:#c24225d;
color:#ffff00;
}
/*设置耳机菜单伸缩的两种不同状态*/
#navigation ul li ul.myHide{ /*隐藏子菜单*/
display:none;
}
#navigation ul li ul.myShow{ /*显示子菜单*/
display:block;
}
$(function(){
$('#listUL li').click(function(){
if($(this).children('ul').attr('class') == 'myHide')
$(this).children('ul').removeClass('myHide').addClass('myShow');
else
$(this).children('ul').removeClass('myShow').addClass('myHide');
});
});
Home
News
Lastest News
All News
Sports
Basketball
Football
Volleyball
Weather
Today's Weather
Forecast
Contact Me
