头像

js蓝色通用滑动导航菜单显示下拉菜单效果

来源:http://www.huoseo.com/js/804.html 18***38 2016-02-26 18:14浏览(1293) 收藏

分享一个蓝色横向二级下拉菜单菜单,当鼠标悬浮在一级导航菜单上,显示对应的子集下拉菜单。兼容性很好,包括IE6。
js蓝色通用滑动导航菜单显示下拉菜单效果
分类:导航菜单 > 下拉导航 难易:初级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 133 下载资源 下载积分: 20 积分

一级导航菜单html代码

<div id="nav">
    <ul id="navMenu">
        <li><a href="http://www.huoseo.com/">首页</a></li>
        <li><a href="http://www.huoseo.com/" rel='dropmenu1'>jquery 特效</a></li>
        <li><a href="http://www.huoseo.com/" rel='dropmenu2'>js特效</a></li>
        <li><a class="current" href="http://www.huoseo.com/" rel='dropmenu3'>flash特效</a></li>
        <li><a href="http://www.huoseo.com/" rel='dropmenu4'>div+css教程</a></li>
        <li><a class="last" href="http://www.huoseo.com/" rel='dropmenu5'>html5教程</a></li>
    </ul>
</div>

根据一级菜单的rel属性,对应二级下拉菜单ul id

<ul id="dropmenu1" class="dropMenu">
    <li><a href="http://www.huoseo.com/">jquery图片特效</a></li>
    <li><a href="http://www.huoseo.com/">jquery导航菜单</a></li>
    <li><a href="http://www.huoseo.com/">jquery选项卡特效</a></li>
    <li><a href="http://www.huoseo.com/">jquery文字特效</a></li>
    <li><a href="http://www.huoseo.com/">jquery表单特效</a></li>
    <li><a href="http://www.huoseo.com/">jquery表格特效</a></li>
</ul>
<ul id="dropmenu2" class="dropMenu">
    <li><a href="http://www.huoseo.com/">js图片特效</a></li>
    <li><a href="http://www.huoseo.com/">js导航菜单</a></li>
    <li><a href="http://www.huoseo.com/">js选项卡特效</a></li>
    <li><a href="http://www.huoseo.com/">js文字特效</a></li>
    <li><a href="http://www.huoseo.com/">js表单特效</a></li>
    <li><a href="http://www.huoseo.com/">js表格特效</a></li>
</ul>

引入dropdown下拉菜单插件

<script type='text/javascript' src='js/dropdown.js'></script>
<script type="text/javascript">cssdropdown.startchrome("navMenu")</script>
标签: 导航菜单下拉
最新交易
评论6
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 5楼
    04-09 11:51
    天***狗
    非常完美的界面,值得参考
  • 头像 4楼
    10-18 08:52
    pu***wp
    很好,简单易学赞赞赞
  • 头像 3楼
    09-13 11:47
    王***゛
    简单易学,上手较快。
  • 头像 板凳
    09-13 11:44
    王***゛
    实用,简单,大方操作方便。
  • 头像 椅子
    06-14 14:25
    61***om
    简单 实用 好操作
  • 头像 沙发
    08-12 11:25
    15***19
    听说不够十个字不能发!
1 2
如何中彩票 www.f63.cc-105彩票下载官方| www.247788.com-七天彩票是骗局吗| www.345689.com-北京世纪中彩视频| www.480220.com-竞彩串关是什么意思| www.614844.com-时时彩大师app| www.0030.xyz-最大的彩票中奖者| www.807732.com-3d彩票多少钱一注| www.940409.com-查询彩票数字3开奖| 500彩票网www.97655s.com| www.720715.com-安卓版3彩票| www.bz04.com-体彩大乐开奖查询| 彩票坊www.022hb.cc| www.877474.com-轰动全国彩迷| www.980900.com-彩788靠谱吗| www.87ts.com-十分快三软件| www.409119.com-澳洲3分彩投注技巧| www.558955.com-什么叫彩虹屁| www.638723.com-国民彩票欢迎您| www.789242.com-兴华彩票软件| www.877098.com-七天彩票登录| www.970184.com-燕赵福彩首页| www.cp2939.com-彩票的qq群-| www.of08.com-福利彩票网站| www.21bf.com-山西福利彩票app| 盛彩网www.41518f.com| www.259189.com-我发现竞彩有规律| www.385765.com-甘肃快三三不同遗漏| www.954537.com-牛蛙彩票开奖历史| www.fn5.com-重庆时时彩维护公告| www.6414.com-云南福彩网主页| www.72377.cc-福利彩票双色球复式| www.492902.com-七彩长岭麻将辅助| www.424949.com-青岛七彩灯带| www.595154.com-虎扑体育足彩论坛| www.107227.com-黑客高手破解时时彩| www.234730.com-中国体育彩票最新版| www.el05.com-广西快三赔率表| www.y51.net-福彩三d太湖钓手| www.73js.com-体彩排列五出的杀号| www.394306.com-七乐彩大奖兑奖流程| www.509071.com-牛彩字谜汇总| www.574194.com-足彩十四场时时比分| www.646071.com-彩票开奖提前知道| www.706163.com-福彩走势图新浪爱彩| www.772841.com-903彩票网-| www.835882.com-丰彩娱乐是干什么的| www.896977.com-中国优彩网-| www.957924.com-体育彩票改革| 乐彩www.35885.cc| www.206058.com-辉煌彩票app| www.024481.com-内蒙快三开走势图| www.rx4.cc-河北快三组合走势图| www.237583.com-体育足彩竞彩网开奖| www.612514.com-幸福彩手机报3d| www.829680.com-248彩票购票大厅| www.918050.com-江苏快三和值计划| www.982509.com-万达时时彩平台注册| www.c73.cc-电视快彩-| www.69mt.com-金沙送彩金得网站| www.2622.date-糖果彩是不是骗人的| www.11bg.com-彩钢瓦规格尺寸| www.151663.com-多乐彩票-| www.444589.com-义乌福彩官方网站| www.774598.com-实亿彩票app| www.895645.com-四场进球彩推荐| 大赢家彩票平台www.591015.com| www.357255.com-华人测速彩票官方网| www.526524.com-卖私彩犯什么罪| www.629023.com-彩票中奖新闻真实性| www.96qo.com-a6娱乐彩票正规吗| www.322055.com-杏彩彩票平台靠谱吗| www.16ue.com-彩天下是诈骗| www.94fi.com-乐聚彩票app下载| www.6655.loan-上海快三跨度怎么看| www.0755.me-彩票数据采集接口| www.3104.net-体彩专管员-| www.90606.cc-新时时彩专业版软件| www.123096.com-酷彩中国-| www.302880.com-河北福彩排列七奖池| www.521159.com-北京快三过年停几天| www.654800.com-时时彩号码复式器| www.786296.com-彩票大赢家开奖结果| www.937653.com-辽宁福彩客户端| www.m97.top-可以网络买彩票吗| www.644040.com-风彩彩票可靠吗| www.94932.com-儿童彩妆安全| www.3714.win-乐优炫彩最新版本| www.b79.club-快三和时时彩区别| www.8929.site-366博彩下载| www.155992.com-好彩客官方网址登陆| www.329306.com-6118彩票下载| www.183233.com-北京大发快三网址| www.259053.com-老盘任九足彩博客| www.344756.com-wwccm乐彩网| www.425800.com-彩友会分分彩计划| www.526702.com-乐彩网图谜-| www.671119.com-福彩3d如何选胆| www.323652.com-彩票最快开奖是哪种| www.515679.com-买彩票是怎么赔钱的| www.606735.com-时时彩定胆1码技巧| www.4029.tv-彩虹六号配置要求| www.217208.com-快三全国统一吗| www.307652.com-海南七星彩预测号码| www.396098.com-星期天开什么彩票| www.510247.com-大发快3是私家彩| www.570116.com-亚博彩票线路检测| www.628099.com-宛田彩调班-| www.687848.com-陕西福彩官网app| www.751694.com-中彩彩票qq群| www.821224.com-彩票中大奖去哪领奖| www.890617.com-手机彩票能不能玩| www.949213.com-3d彩票预测资询| 9928彩票www.9928j.com| www.bi60.com-彩票软件下载| www.rj02.com-彩运8网络平台| www.983943.com-518彩票骗局| www.67aj.com-体育彩票一年销售额| www.1880.cm-大中华彩票客服电话| www.8362.org-海南七星彩开奖直| www.027625.com-易彩票是什么东西| www.972426.com-彩铅画五官教程| www.356947.com-彩票中的钱怎么办| www.09190.cc-山东福彩公众号| www.257625.com-破解彩票软件| www.28um.com-星耀国际彩票安全吗| www.915.red-破解彩票黑客犯法吗| www.8363.top-霞光溢彩的含义| www.87711.com-彩管家最新版本下载| www.419580.com-亚洲彩-| www.68771.cc-彩票51中彩客服| www.610226.com-彩铅画动漫人物眼睛| www.904026.com-大发快三彩-| www.57657.cc-全球彩票网-| www.222194.com-四分钟一期的彩票| www.299987.com-彩票怎么看走势啊| www.843644.com-佛山福彩兑奖中心| www.417077.com-竞彩足什么时间开奖| www.381035.com-彩票开奖票开奖| www.509427.com-福利彩票网上选号| www.588416.com-海南省体彩中心电话| www.744278.com-200彩票aqq-| www.828481.com-123彩票输了| www.915159.com-南方双彩网首页网| www.984808.com-一分钟开一期的彩票| www.5111.hk-七星彩一夜谈六个尾| www.828259.com-红包彩票主播火火| www.896131.com-甘肃快三走试图今天| www.967581.com-体彩大乐透咋选号| www.pk65.com-三分快三开奖结果| www.731336.com-怀城体彩店app| www.821328.com-彩票这事业发展| www.897833.com-卖彩票的广告词| www.961622.com-明珐华彩拍卖纪录| 中彩网www.71233b.com| www.6957.me-竞彩收米图-| www.14338.com-西港博彩-| www.45008.com-高频彩贴吧-| www.82900.com-彩乐汇手机版| www.278832.com-快三秒热水器危险呢| www.96qv.com-节目彩排反思| www.4058.cm-七星彩单双走势图| www.828969.com-永信218彩票网址| www.1419.xyz-酷彩吧彩票骗子吗| www.12360.com-下载京彩app下载|