`

300+Jquery, CSS, MooTools 和 JS的导航菜单资源

阅读更多

300+Jquery, CSS, MooTools 和 JS的导航菜单资源

  如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手。但今天暴风彬彬 要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了。暴风彬彬 收集的这些资源,从非常简单的HTML和CSS 导航菜单,到非常复杂和高级的JQuery、JavaScript和MooTools技术,这都可以让你轻松实现褪色、滑动、拖动等效果。如果您觉得这些资源值得一用,那就快把本网页收藏以备日后查阅吧!

 


1.Fancy menu  - 非常酷的导航菜单:


2. 专为Mac爱好者开发的CSS dock菜单 ,使用jQuery框架。

下载 dock 菜单


3.37个不同的CSS导航菜单技术


4.这个导航 五年前就有了,但现在看来依然很棒!


5.漂亮的JQuery滑动效果菜单 ,有四种不同的例子。


6.更新jquery嵌套标签 设置,有演示;


7.垂直JavaScript菜单 ,含子菜单效果。 查看演示


8.13个精选纵向及横向CSS菜单


9.各种不同的CSS菜单教程


10.很全的收集CSS纵向菜单的网站:dynamicdrive.com


11.CSSplay.com ,一个非常全面的收集各种CSS菜单的网站,而且经常有更新,推荐!


12.有显示/隐藏效果的菜单  - 有 CSS 和 MooTools两种;


13.Superfish v1.4.8 – jQuery 菜单插件


14.方便的图片标签翻转菜单 ;


15.模仿Digg.com风格的CSS纵向菜单


16.JavaScript可折叠菜单查看演示


17.独特的使用jQuery和MooTools的导航菜单 ;   查看演示


18.CSSmenumaker.com  - 提供专业的CSS菜单;



19. 非常酷的 JavaScript 菜单  ,摘自 JavaScriptkit.com;


20. 使用CSS创建的多级下拉菜单 并用JQuery进行了改善。查看演示


21. jdMenu 多层次菜单插件 , jQuery框架  - 纵向多级下拉菜单列表


22. 难以置信的Apple风格导航菜单 :


23.折叠风格JQuery菜单


24. 非常酷的使用CSS和 jQuery制作的动画导航菜单 :


25. jQuery树插件


26. 35种独特的JQuery菜单演示


27.Jquery 快速导航  - 点击 toogle 菜单, 以弹出导航菜单:


28. jQuery id标签  - 8种不同的很酷的JQuery菜单例子


29. jQuery ContextMenu ;轻量级JQuery插件,可以自定义右键弹出的菜单


30. jQuery UI tabs  - 可以自定义不同效果的标签菜单,比如:幻灯片效果、淡出效果等…查看演示


31. iconDock jQuery  - 有一个模仿 MAC OS X dock效果的菜单;


32.SlidingMenu  - 很简单的滑动菜单效果



33. 标签导航

11个使用了滑动门 技术的菜单,并且兼容IE浏览器

下载这些菜单


34.另一种CSS标签导航菜单


35.9种不同的CSS块级菜单

直接下载这些菜单


36.12种以上不同的CSS菜单


37. ADxMenu -4种非常酷的导航菜单

下载


38.在CSSmenubuilde 你可以自己选择喜欢的菜单风格,这个网站有一个庞大的菜单列表供你选择


40. 很多不同的菜单 风格


41.CSS菜单,纵向、横向都有


42.非常棒的导航菜单 ,其中有一种是非常有人气的折叠菜单;

下载这个折叠菜单


list-u-like :制作你自己喜欢的CSS列表

CSS Menu  Generator : 这个CSS菜单生成器可以允许你制作3中不同风格的菜单。

您还可以参考以下前端开发相关教程&资源:
精选15个国外CSS框架
10个非常棒的Ajax及Javascript实例资源网站
12种Javascript解决常见浏览器兼容问题的方法
精选30个优秀的CSS技术和实例
15个前端开发/网页设计师必备的Bookmarklet 》 

英文原文:300+ Jquery, CSS, MooTools and JS navigation menus 
翻译原文:300+Jquery, CSS, MooTools 和 JS的导航菜单资源

分享到:
评论

相关推荐

    300+Jquery, CSS, MooTools 和 JS的导航菜单

    标题 "300+Jquery, CSS, MooTools 和 JS的导航菜单" 涵盖了四个关键领域:jQuery、CSS、MooTools以及JavaScript,这些都是网页开发中的核心技术。这些技术用于创建动态、交互式的网站导航菜单,为用户提供更丰富的...

    20个优秀JavaScript导航菜单.doc

    ### JavaScript导航菜单设计与实现知识点概述 #### 一、引言 随着Web技术的发展,JavaScript已成为前端开发不可或缺的一部分。在提升用户体验方面,JavaScript扮演着重要角色,特别是在导航菜单的设计上。本文将...

    仿Flash效果的两款Javascript CSS滑动菜单demo

    仿Flash效果的两款Javascript+CSS滑动菜单demo,在谈到为网站创建导航栏时,你可能想到的第一件事就是使用<ul></ul>列表来定义一个标签风格的菜单。可是现在这种标签风格的导航栏到处都是,这样也只是在语义上做得更...

    jquery ui 树状下拉选择框

    jQuery EasyUI 是一款基于 jQuery 的前端 UI 库,提供了许多通用的布局和显示组件,如表单验证、Tab 导航、拖放效果、表格排序、DataGrid、树形菜单等。其目标是简化网站用户界面的构建过程。 #### 四、树状下拉...

    JS基于Mootools实现的个性菜单效果代码

    根据所提供的文件内容,以下为...这些技术在提升用户界面体验方面非常有用,特别是在现代网页设计中,动态的导航菜单能为用户带来更好的交互体验。希望这些知识点能够对JavaScript程序设计的学习者和开发者有所帮助。

    最实用的mootools学习资料

    同时,`Fx.Slide`类提供了一种优雅的显示和隐藏元素的方式,常用于导航菜单和模态窗口。 ### 4. DOM选择器 MooTools的DOM选择器与jQuery等库类似,支持CSS1至CSS3的选择器。例如,`$$('div > p')`将选取所有直接...

    jQuery页面滚动显示浮动菜单栏锚点定位效果

    总结来说,jQuery页面滚动显示浮动菜单栏锚点定位效果是一种增强网站导航的技巧,它结合了浮动菜单栏的始终可见性和锚点定位的快速导航功能,提高了用户在长页面中的浏览体验。通过理解和实践这种技术,开发者能够...

    JQuery in Action

    - 导航菜单和下拉列表的动态构建。 - 图片轮播和幻灯片效果。 - 表单验证和提交优化。 6. **调试和测试** - 使用jQuery提供的工具进行错误排查。 - 利用浏览器的开发者工具进行性能分析和调试。 7. **jQuery...

    《jquery.基础教程》源代码

    《jQuery基础教程》源代码包含了对JavaScript库jQuery的深入学习材料,主要针对初学者和希望提升jQuery技能的开发者。此教程旨在帮助读者理解和掌握如何利用jQuery简化网页开发,提高交互设计和Web应用性能。以下是...

    15款优秀的jQuery导航菜单插件分享

    jQuery作为一个高效、简洁的JavaScript库,提供了丰富的插件来增强导航菜单的功能和视觉效果。以下是15款优秀的jQuery导航菜单插件的详细介绍: 1. **Apple Menu Style**:灵感来源于苹果公司的界面设计,这款插件...

    推荐40个简单的 jQuery 导航插件和教程(下篇)

    jQuery 导航插件和教程可以帮助开发者创建吸引人且易于使用的导航菜单,增强网站的可用性和吸引力。 在本文中提到的40个 jQuery 导航插件和教程涵盖了多种样式和功能,旨在满足不同的设计需求: 1. **Creating CSS...

    网页特效库2006

    JavaScript库如jQuery尚未普及,因此很多特效可能需要手动编写或使用一些早期的JS库来实现,例如 prototype.js、MooTools 或 Dojo 等。这些特效可能涵盖滚动效果、图片轮播、下拉菜单、表单验证、弹出对话框等多种...

    基于JQuery的6个Tab选项卡插件

    4. jQuery褪色菜单:这是使用css和jQuery制作的菜单选项褪色效果。通过这种方式,当鼠标悬停在某个选项卡上时,可以产生淡入淡出的视觉效果,增加了界面的动态交互性。 5. jQuery idTabs:idTabs是jQuery的一个插件...

    15个JavaScriptWebUI库.pdf

    5. **JxLib**:JxLib是一个基于MooTools的JavaScript UI框架,包含基本的Web程序所需控件,如按钮、Tab、菜单、树形结构和对话框。它还支持主题切换。 6. **Dijit (Dojo Toolkit)**:Dijit是Dojo框架的一部分,适用...

    十个优秀的Ajax/Javascript实例网站收集

    9. **Solutoire**:这个平台不仅有众多JavaScript和AJAX实例,还涉及jQuery、Scriptaculous和mootools等JavaScript框架的教程。对于希望扩展到更高级技术的开发者来说,这是一个宝贵的资源。 10. **DevSnippets**:...

    JS实现的竖向折叠菜单代码

    总之,这个JS实现的竖向折叠菜单是一个基本的交互元素,通过JavaScript和CSS实现了简单的动画效果和用户交互。它可以作为一个基础模板,根据实际需求进行扩展和定制,如添加过渡效果、多级菜单支持或者响应式设计,...

    rawlaro-website:RawLaro 工作室网站 2009-2012

    在RawLaro工作室网站中,JavaScript可能被用来创建动态导航菜单、响应式设计、表单验证、以及可能存在的任何交互元素。例如,当用户点击某个链接或按钮时,JavaScript可以改变页面的部分内容,而无需重新加载整个...

    joomla_bs5_navbar:在Joomla中使用Twitter Bootstrap 5导航栏的模块!

    5. **JavaScript交互**:Bootstrap 5的导航栏功能,如折叠和展开下拉菜单,是通过其JavaScript插件实现的。在Joomla中,这些功能可能需要通过Joomla的MooTools或jQuery库来实现。 6. **响应式设计**:Bootstrap 5...

Global site tag (gtag.js) - Google Analytics