实用下拉菜单

效果查看地址:http://www.miiceic.org.cn/eg/eg8/caidan.html

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>安博中程企业培训,企业内训,专注于android培训,软考培训,软件开发,软件工程,嵌入式,UI设计,重构,架构等IT企业培训</title>
<meta name="keywords" content="企业培训,企业内训,android培训,软考培训,it企业培训"/>
<meta name="description" content="安博中程企业培训多年来致力于android培训,软考培训,嵌入式,UI设计,重构,架构,软件测试,需求分析,软件开发,数据库, 国防军工等IT高端技术的企业培训、企业内训,一直在行业内处于领先地位,所开企业内训或公开课如软考培训,android应用开发培训,软件工程培训, 敏捷开发,嵌入式培训,项目管理及国防军工的电子产品设计和信息化培训等授课讲师均是知名专家,行业内领军人物,已成为中国高端培训第一品 牌."/>
<meta name="copyright" content="安博教育集团 中程在线北京科技有限公司版权所有"/>
</head>
<style type="text/css">
body{background:url(bodybg.gif) repeat-x #c5e3ff;margin:0;padding:0;}
#menu{width:950px; height:32px; margin:0 auto; margin-top:9px;}
#menu ul{list-style:none; margin:0; padding:0;}
#menu li { height:32px; width:80px; float:left; margin:0 5px; font-size:14px; line-height:32px; font-weight:bold; text-align:center; color:#FFF;}
#menu li a{ height:32px; width:80px; float:left; margin:0 5px; font-size:14px; line-height:32px; font-weight:bold; text-align:center; color:#1d6ab8; text-decoration:none;background:url(menu.gif);}
#menu li a:hover{text-decoration:underline; background:url(menu.gif); color:#1d6ab8;}
#menu li a img{vertical-align:middle;}
.menut{position: absolute;display:none;}
.menut a:link{color:#fdfeff;font-size:12px;font-weight:bold;}
.menut a:visited {color:#fdfeff;font-size:12px;font-weight:bold;}
.menut a:hover {color:#fdfeff;font-size:12px;font-weight:bold;}
.menut a:active {color:#fdfeff;font-size:12px;font-weight:bold;}
.STYLEw {color: #4D7CB0;font-weight: bold;}
</style>
<body>
<div ;
    }
}
function sm_over(id){
    if (tm){
       clearTimeout(tm);
    }
    display(true);
}
function sm_out(){
   if (tm){
      clearTimeout(tm);
    }
    display(false);
}   
</script>

 

效果查看地址:http://www.miiceic.org.cn/eg/eg8/caidan.html

相关文章: