包含图片列表和表单的jQuery下拉导航菜单
- 作者：网页模板
- 大小：0.382MB
- 点击次数：
- 发布时间：2014-03-07 13:24
特效介绍
包含图片列表和表单的jQuery下拉导航菜单，鼠标浮动到“GRID”会显示文章，浮动到“IMAGES”会显示图片列表，浮动到“DROPDOWN”会显示下拉菜单，浮动到“CONTACT”左边会显示表单，右边会显示联系方式和关于我们的内容。不兼容IE6
使用方法
第一步、在head区域引入下面的css样式:<link href="css/megamenu.css" rel="stylesheet">
<style>html, body{height:100%}body{background: #fff url(img/back.png) repeat;margin: 0;padding: 0;}.content{margin: 50px 50px 700px 50px;}.megamenu{margin: 0 0 0 0;}.megamenu > li.grid .megapanel .row [class*="col"]{background: #ccc !important;}.megamenu h4{margin-top: 0;}.megamenu .adress{}.megamenu .adress label{float: left;width: 100%;margin-bottom: 2px;}</style>
<script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
第二步、在body区域引入<!--代码开始-->和<!--代码结束-->之间的代码- 本文标签：
- jQuery菜单,jQuery导航代码,下拉菜单
