• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 导航菜单 >  包含图片列表和表单正文

包含图片列表和表单的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导航代码,下拉菜单
jQuery粘性跟随滚动条滚动的导航栏源代码下载
扁平响应式布局的黑色垂直jquery导航代码