阅读更多

53顶
4踩

Web前端

原创新闻 二十五个下拉菜单脚本

2009-04-13 13:49 by 见习记者 liuming 评论(19) 有23513人浏览

作为每个网站必要的组件,设计优美的导航栏不仅可以使页面变得美观,而且可以改进网站的可用性。而对于内容繁多的大型站点来说,下拉式菜单可以使用户便捷地在站内跳转而无须进行多次的点击。本文推荐二十五个可以帮助你实现下拉式菜单的脚本。


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

 

53
4
评论 共 19 条 请登录后发表评论
19 楼 bo_hai 2011-03-31 14:29
谢谢分享!
18 楼 xxx0000007 2010-04-14 22:25
顶一个 呵呵
17 楼 liuming 2009-04-16 01:39
joolu 写道

每次看到这种话,都义愤填膺....什么也不说了
感谢javaeye,感谢楼主的整理.


其实何必义愤填膺呢?人家的偑服值几个钱,送上门也要哭三天啊。
16 楼 joolu 2009-04-16 00:56
yangkunzhangqiong 写道

建议还是自己动手写几个然后在放到上面来,我就佩服你


每次看到这种话,都义愤填膺....什么也不说了
感谢javaeye,感谢楼主的整理.
15 楼 tuoxie007 2009-04-15 18:08
很好,收藏了
14 楼 yangkunzhangqiong 2009-04-15 17:39
建议还是自己动手写几个然后在放到上面来,我就佩服你
13 楼 love182055084 2009-04-15 17:09
不错,细心的人.
12 楼 liyanboss 2009-04-15 11:23
菜单是大部分网站都会用的,收藏了
11 楼 xpice 2009-04-15 09:21
good
10 楼 seeulove 2009-04-14 20:11
小菜鸟的感觉。他们是一样一样的。。
9 楼 InnocentBoy 2009-04-14 19:18
用过superfish
8 楼 March 2009-04-14 17:12
非常漂亮的
7 楼 mathfox 2009-04-14 10:46
volking 写道

我怎么感觉就是换了个样式而已

没有看出有什么区别来....
6 楼 yexin218 2009-04-13 23:22
very good, in my collection list now
5 楼 whaosoft 2009-04-13 21:50
麻烦人 不喜欢js
4 楼 zr0243 2009-04-13 17:02
谢谢,辛苦了!
3 楼 volking 2009-04-13 17:00
我怎么感觉就是换了个样式而已
2 楼 kjj 2009-04-13 16:58
javaeye为什么推荐的资源都这么经典,收藏之!
1 楼 nbkangta 2009-04-13 16:42
好,收藏了,整理的很好

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • JavaScript实现下拉菜单的显示和隐藏

    我们这一篇来用JavaScript脚本实现下拉菜单的显示和隐藏。使用JavaScript方法实现我们需要用的知识有: 1)JS事件:onmouseover鼠标经过事件和onmouseout鼠标离开事件。 2)JS基础语法:使用function关键字定义函数。 ...

  • 用简单的脚本实现一款漂亮的下拉菜单

    一次偶然而无聊的实验,发现了这样的写下拉菜单的方式。完成作品后的愉悦心情,就像阿基米德泡浴缸却发现了浮力原理! NAME:Stupid CAT Pull-down Menu v1.0 SUPPORT:Ie(√) Firefox(√) STANDARD:XHTML 1.0...

  • BootStrap点击下拉菜单项后显示一个新的输入框实现代码

    我的页面上有一个下拉菜单,页面上有一个文本输入框,一个图像上传框,文本输入框默认是显示的,而图片上传框是隐藏的. 假设下拉菜单有两项A和B,我想实现这样的效果:点击A时显示文本输入框,隐藏图像输入框;点击B时显示...

  • Bootstrap布局组件教程之Bootstrap下拉菜单

    本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单(Dropdown) JavaScript 插件 的互动来实现。 如需使用下列菜单,只需要在 class .dropdown ...

  • 几个下拉菜单小脚本.zip

    几个下拉菜单的效果小脚本

  • wincc 下拉菜单制作

    wincc 下拉菜单,代码实现下拉菜单的制作

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

    前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单。 使用JQuery实现需要用到的知识有: 1)使用$(function(){…})获取到想要作用的HTML元素。 2)通过使用children()方法寻找子元素...

  • html如何实现日期下拉菜单,实现一个日期下拉菜单

    这篇文章的主旨是弄清楚如何根据实际需求实现一个联动菜单以及联动菜单的原理,实例是实现一个日期选择下拉菜单。本文调试环境为IE6/firefox1.5。首先来分析一下日期下拉菜单的需求。建议大家在写任何程序的时候都...

  • ASP四级联动下拉菜单 (XML+Access)

    内容索引:ASP源码,其它类别,级联菜单,下拉菜单 ASP四级联动Selcet下拉菜单 ,结合XML+Access编写,动态读取数据库,使用时加载,减少服务器压力,运行截图如上所示。

  • 基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法

    基于Bootstrap做的下拉菜单在电脑浏览器中可正常使用,在手机浏览器中能弹出下拉列表,却不能选择列表中的菜单项,通过自己百度查找原因将bootstrap脚本文件中的ontouchstart 替换为 disable-ontouchstart可以解决,...

  • Bootstrap 3多级下拉菜单实例

    下面分享一个Bootstrap 3的多级下拉菜单,无需第三方Js脚本,复制后直接可用。 <!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Bootstrap 3 的多级下拉...

  • php 下拉菜单 多个值,修改php购物车以支持多个下拉菜单

    现在,客户可以从一个下拉菜单中选择产品。现在,我想添加多个下拉菜单(都用相同的选项填充)。下面是输出下拉菜单的PHP:if($eshopoptions['options_num']>1){$opt=$eshopoptions['options_num'];$replace.="\n".'';...

  • 图形下拉菜单,jquery平滑动画效果导航下拉.rar

    图形下拉菜单,jquery平滑动画菜单,jquery版本1.4.3,引自Google托管库,你也可以下载到本地。这款菜单是这样的:当你把鼠标移在按钮上的时候,点击按钮,会向下拉出一个带图形(图标)的菜单,图形可以起到美化...

  • html js点击下拉菜单代码,JavaScript下拉菜单功能实例代码

    本文给大家分享一段实例代码关于js实现下拉菜单功能,具体代码如下所示:下拉菜单body,ul,li {margin: 0;padding: 0;font-size: 13px;}ul,li {list-style: none;}#divselect {width: 186px;margin: 80px auto;...

  • java制作菜单教程_25个自适应菜单教程和脚本

    一个使用应用样式制作的自适应的布局,适合特定屏幕大小。最常见的做法是改变页面布局,从而使多列单栏在屏幕上的空间变得越来越小。然而,有更多的自适应网站,用户能够使用最小的设备友好访问。常见的挑战是缩放...

  • html css下拉菜单居中,css如何设置下拉菜单?

    CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。使用css...

  • WX小程序源码运动健身

    WX小程序源码运动健身提取方式是百度网盘分享地址

  • sja1314.x86_64.tar.gz

    SQLyong 各个版本,免费下载 SQLyog是业界著名的Webyog公司出品的一款简洁高效、功能强大的图形化MySQL数据库管理工具。使用SQLyog可以快速直观地让您从世界的任何角落通过网络来维护远端的MySQL数据库。

  • 智能交通辅助 - 基于MATLAB的车牌识别系统设计资源下载

    基于MATLAB的车牌识别系统设计资源是一款专业的车牌检测和识别工具包,它利用MATLAB强大的计算和图像处理能力,为用户提供了一套完整的车牌识别解决方案。该系统特别适合智能交通管理系统、停车场自动化以及安全监控等领域。以下是该车牌识别系统的主要特点: 图像预处理:集成图像去噪、灰度化和二值化等预处理功能,提高识别准确性。 车牌定位:采用先进的图像识别算法,快速定位图像中的车牌区域。 字符分割:精确分割车牌中的每个字符,为识别提供清晰的输入。 字符识别:应用机器学习技术,实现对车牌上字符的高准确度识别。 MATLAB兼容:完全基于MATLAB环境开发,易于集成和扩展。 用户界面友好:提供直观的用户界面,便于操作和监控识别过程。 实时处理:支持实时视频流处理,适用于动态交通监控场景。 可定制开发:可根据特定需求进行定制开发,满足不同应用场景。 文档和示例:提供详细的开发文档和示例代码,帮助用户快速理解和应用。 基于MATLAB的车牌识别系统设计资源是智能交通领域开发者的理想选择。立即下载,为您的项目增添强大的车牌识别功能。

Global site tag (gtag.js) - Google Analytics