分享：25个优秀的下拉菜单导航脚本

"导航菜单对于网站的重要性不言而喻。一个好的导航设计可以提升网站的可用性和观赏性。对于内容丰富的大型网站来说，常会选用下拉菜单来作导航以减少点击的次数。本文我们精选了25个优秀的下拉菜单脚本，你可以根据需要选用到你的站点上。"

jQuery Multi Level CSS Menu #1

jQuery Multi Level CSS Menu #2

All Levels Navigation Menu

Smooth Navigation Menu

Simple CSS Vertical Menu Digg-Like

Professional Dropdown #1

Professional Dropline #1

Jim’s DHTML Menu v5.7

Drop Down Tabs

Suckertree Vertical Menu

Superfish

jQuery SuckerFish

Ultimate Drop Down Menu

JavaScript Dropdown Menu with Multi Levels

MenuMatic

Sliding JavaScript Dropdown Menu

jGlide Menu

Dropdown Menu Made with Scriptalicious/Prototype

Chrome CSS Drop Down Menu

Professional Dropdown #2

Hover Drop #2

Skeleton Dropdown

HV Menu v5.5

Simple Drop Down Menu v2.0

Horizontal Drop Down Menu Script

时间： 2024-10-02 08:29:57

分享：25个优秀的下拉菜单导航脚本的相关文章

jQuery实现的简洁下拉菜单导航效果代码_jquery

本文实例讲述了jQuery实现的简洁下拉菜单导航效果.分享给大家供大家参考.具体如下: 这里使用jQuery实现简洁下拉菜单导航效果,代码规范,兼容性方面:支持 IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+.简洁明快的jquery网站菜单,请参阅代码. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-simple-down-show-menu-nav-codes/ 具体代码

css下拉菜单导航条

提示:您可以先修改部分代码再运行 css下拉菜单导航条 Home Single Level Dropdown Dropline Flyout Support Contact 提示:您可以先修改部分代码再运行

分享我的jquery实现下拉菜单心的_jquery

摘要: jquery库给我们带来了很多方便的地方,使用jquery实现一个简单的下拉菜单已经是很简单了,但也有不同的实现方法.今天自己使用jquery写了一个下拉菜单,参考了Xiaofeng Wang的SexyDropDownMenu2010,其中还是有一些东西感觉值得记录一下. 实现: 首先上他的代码(把全部的代码贴上来太长了,就捡部分吧), 一.html中ul列表 <ul class="topmenu"> <li><a href="#&quo

顶部缓冲下拉菜单导航特效的JS代码_javascript技巧

复制代码 代码如下: <script type="text/javascript">            $(function() {                var d=300;                $('#navigation a').each(function(){                    $(this).stop().animate({                        'marginTop':'-80px'       

CSS技巧分享：如何用css制作横排二级下拉菜单

原文:CSS技巧分享:如何用css制作横排二级下拉菜单 导航菜单是每个网站所必备的功能,也是每个学习制作网站的朋友所必须接触的,如何用css样式制作一个简单漂亮的二级下拉菜单呢,下来小编就一步一步教大家来制作横排二级下拉菜单,让我共同来学习吧. 首页我们打看dreamweaver或其它编辑器,创建一个名为nav的导航菜单 <div class="nav"> <ul> <li><a href="#">栏目一</a&

jquery实现二级导航下拉菜单效果_jquery

下拉菜单实现很简单,纯css也能实现,但是我不擅长,用jquery也就两行代码,于是就用jquery+css实现简单二级下拉菜单导航,分享给大家供大家参考,具体内容如下 运行效果图: 具体代码:第一步:确定导航的html格式 <ul id="nav"> <li><a href="#">首页</a> <ul> <li><a href="#">PHP编程</a&

Android仿美团分类下拉菜单实例代码_Android

本文实例为大家分享了Android仿美团下拉菜单的实现代码,分类进行选择,供大家参考,具体内容如下 效果图 操作平台 AS2.0 第三方框架:butterknife build.gradle dependencies { compile fileTree(dir: 'libs', include: ['*.jar']) testCompile 'junit:junit:4.12' compile 'com.android.support:appcompat-v7:23.4.0' compile

Bootstrap导航条可点击和鼠标悬停显示下拉菜单_javascript技巧

使用Bootstrap导航条组件时,如果你的导航条带有下拉菜单,那么这个带下拉菜单的导航在点击时只会浮出下拉菜单,它本身的href属性会失效,也就是失去了超链接功能,这并不是我想要的,我希望导航条的链接可以正常打开它的链接,但又需要下拉菜单功能,开始折腾~ 首先解决带下拉菜单的导航条可以点击问题,下拉菜单效果是JS实现的,分析bootstrap.js文件发现,Bootstrap把下拉菜单写成了一个JQuery插件,在dropdown代码段中找到了关键的几句: // APPLY TO STANDA

js实现带圆角的多级下拉菜单效果_javascript技巧

本文实例讲述了js实现带圆角的多级下拉菜单效果.分享给大家供大家参考.具体如下: 这是一款酷黑的圆角多级下滑菜单,可支持三级,鼠标放上后可见到滑出的菜单,调用了一个JS封装库,代码有些复杂,有兴趣的可研究. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-down-show-menu-style-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition