阅读更多

53顶
4踩

Web前端

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

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

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


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...

  • iOS版微信抢红包Tweak.zip小程序

    iOS版微信抢红包Tweak.zip小程序

  • 毕业设计&课设_篮球爱好者网站,含前后台管理功能及多种篮球相关内容展示.zip

    该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过严格测试运行成功才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

  • 基于springboot社区停车信息管理系统.zip

    基于springboot社区停车信息管理系统.zip

Global site tag (gtag.js) - Google Analytics