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中不同风格的菜单。
您还可以参考以下前端开发相关教程&资源:
《Web前端开发必备手册下载》
《推荐3个网页设计在线配色网站》
《推荐一个无缝背景花纹资源站-AVA7 PATTERNS》
《精选30个优秀的CSS技术和实例》
《目前比较全的CSS重设(reset)方法总结》
英文原文:300+ Jquery, CSS, MooTools and JS navigation menus
翻译原文:300+Jquery, CSS, MooTools 和 JS的导航菜单资源
转载于:https://www.cnblogs.com/hemingwang0902/archive/2010/01/03/1638350.html
300+Jquery, CSS, MooTools 和 JS的导航菜单资源相关推荐
- html鼠标滑过导航条展开导航条,jquery css实现鼠标滑过导航菜单栏动画效果
对于导航栏的实现对于前端人员来说再简单不过了,但是如何让我们的导航看起来生动,给用户一种很高大上的感觉,却需要我们好好设计一下.今天我给大家带来的是我自己在项目中用到的一个例子,当我们鼠标滑过导航栏时 ...
- css二级横向导航条,纯CSS实现的横向二级导航菜单(无js兼容性强)
内容介绍热点排行相关文章下载地址↓ 纯CSS实现,无JavaScript,效果不错,实用性强,兼容各种浏览器! 第一步: 下载源代码及背景图片 第二步: 在网页 区添加样式定义 [code] /* = ...
- HTML5动态圆形导航,jQuery带动画特效的圆形导航菜单特效
这是一款jQuery带动画特效的圆形导航菜单特效.该导航菜单在被点击时,会以动画的方式移动到屏幕中间,并展开为一个圆形菜单,效果非常炫酷. 使用方法 在页面中引入jquery和TweenMax.js的 ...
- html二级页面内容滑动,jQuery+CSS实现的网页二级下滑菜单效果
本文实例讲述了jQuery+CSS实现的网页二级下滑菜单效果.分享给大家供大家参考.具体如下: 这是一款简洁型的 jQuery+CSS网页二级下滑菜单,练手写的,有需要的自己拿去美化吧,基本的动画效果 ...
- 导航背景变换 php,jQuery实现的背景动态变化导航菜单效果
本文实例讲述了jQuery实现的背景动态变化导航菜单效果.分享给大家供大家参考.具体如下: 这里介绍一款使用jQuery插件制作完成的导航菜单,一大特点是,菜单的背景有动态效果,与使用的背景图片完全变 ...
- CSS写的青色漂亮导航菜单代码
代码简介: 简洁型的CSS导航菜单,没有用到图片,但看着很舒服,老外网站的东西,CSS代码很简洁,复制代码即可使用. 代码内容: <!DOCTYPE HTML PUBLIC "-//W ...
- jquery实现电商网站分类导航菜单
一.HTML部分 <!DOCTYPE html> <html lang="zh"> <head> <meta charset=" ...
- html 滚动隐藏导航,[jQuery]滚动隐藏或显示顶部导航菜单
现 在大部分导航菜单在顶部的网站都会采用固定的形式,不管页面怎么滚动,菜单始终会固定在顶部. 而下面这个方法比较灵活,当你向下滚动页面时,导航菜单是不固定的,当你向上滚动时导航菜单就会显示出来了.这个 ...
- html菜单栏点击后处于选中状态,js实现导航菜单点击切换选中时高亮状态
随着用户点击导航或菜单上不同的页面,出现此选项高亮显示或变为一个新的样式是经常用到的.实现它所用的原理就是通过js中的location.href得到当前页面的地址,然后在与导航上的链接地址匹对,相同的 ...
最新文章
- 报名丨西山金融科技产业创新论坛邀您参会
- pyInstaller 参数简介
- 敏捷个人课后练习四主题:我想要什么?
- Django权限系统auth模块详解
- padodb time.inc.php,怎样实现PHP中ADODB事务处理
- android 继承listview,Android listView 继承ListActivity的用法
- 职工工资信息系统 c语言题,工资信息管理系统C语言设计.doc
- Spark Structured SQL : NumberFormatException: Zero length BigInteger
- spring自带任务调度-xml方式
- asp.net页面调用cs中的方法
- 【SpringBoot_ANNOTATIONS】自动装配 05 @Profile环境搭建
- Vue-动态绑定属性
- map和json数组以及JSON对象和的区别以及相互转换
- Leetcode--用两个栈实现一个队列
- Keil 5安装教程,搭建单片机环境
- DBeaver-Driver-All ( DBeaver驱动包,所有JDBC驱动整合包)
- php theexcerpt,WordPress获取文章摘要函数the_excerpt详解
- 我们会有我们的天长地久
- iphone转通用,xib里面的view怎么改成ipad大小?
- 如何配置DAVINCI内存
热门文章
- LeetCode MySQL 1571. 仓库经理
- LeetCode 1958. 检查操作是否合法(模拟)
- LeetCode 1957. 删除字符使字符串变好
- LeetCode LCS 03. 主题空间(广度优先搜索BFS)
- 天池 在线编程 拿走瓶子(区间DP)
- LeetCode 248. 中心对称数 III(DFS/BFS)
- LeetCode 672. 灯泡开关 Ⅱ(枚举)
- LeetCode 456. 132模式(逆序遍历+单调栈)
- LeetCode 744. 寻找比目标字母大的最小字母(二分查找)
- android查询所有照片,Android查询外部存储中所有照片