jQuery实现灰蓝风格标准二级下拉菜单效果代码

本文实例讲述了jQuery实现灰蓝风格标准二级下拉菜单效果代码。分享给大家供大家参考。具体如下：

这是一款基于jQuery实现的标准型二级菜单，是漂亮的灰-蓝风格下拉级联菜单，代码经过了完美修正，目前兼容性已经很不错了，甚至不用修改，拷贝代码你就可以用了。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-blue-color-style-nav-menu-codes/

具体代码如下：

body
{
 margin:0; padding:0; font-size:12px;
}
a:link {
 color:#1553a9; text-decoration: none;
}
a:visited {
 text-decoration:none; color: #1553a9;
}
a:hover {
 text-decoration:none; color: #f46662;
}
a:active {
 text-decoration: none; color:#f46662;
}
#main
{
 width:910px; margin:0 auto; 
}
#menu
{
 margin-top:20px; position:absolute;
}
.m1
{
float:left; width:100px; text-align:center; color:#3a3a3a; background-color:#bcbcbc; border:#9a9b9b 1px solid; border-right:0; padding:10px; padding-top:13px; cursor:pointer;
}
.m1:hover
{
 background-color:#2c85e0; color:White;
}
.m2
{
  position:absolute; margin-top:39px; width:120px; background-color:#e4e4e4;border:#cdcece 1px solid;color:#666666; display:none;
}
.m2 table
{
 width:100%; line-height:35px;
}
.m2 table tr td
{
 text-align:center; border-top:#b4b4b4 1px dotted; cursor:pointer;
}






论坛首页 
学生工作
 

  
学院首页
  
学院首页
  
学院首页
 
 
师资队伍
 

  
学院首页
  
学院首页
  
学院首页
 
学科专业
 

  
本科专业
  
硕士专业
  
博士专业
 
 
教学改革
 

  
教学体制
  
学院首页
  
科研教学
 
 
党建工作
 

  
学生党建
  
学院党建
 
 
联系我们 
  

  
老师电话
  
领导传真
  
学校地址
  
卫星地图
 

希望本文所述对大家的jquery程序设计有所帮助。