开发者社区> 楚广明> 正文

10 个超棒的 CSS3 下拉菜单

简介: 1) CSS Mega Dropdown Mega dropdown is a pure CSS dropdown menu which is easily customizable and features 5 included color schemes (red, blue, orange, green, grey).
+关注继续查看

1) CSS Mega Dropdown

Mega dropdown is a pure CSS dropdown menu which is easily customizable and features 5 included color schemes (red, blue, orange, green, grey).

2) Metro CSS3 Mega Menu

This is a CSS3 Menu inspired in the new Microsoft Metro UI. It comes with 4 different “box” layouts, 5 images animations and more nice features. Is very easy to use and install, well documented and no JavaScript/jQuery.

3) Friendly CSS3 Megamenu

An easy-to-use CSS Mega Menu with both vertical and horizontal implementations. Unlimited possible sub menus with CSS 3 transitions giving you a javascript-like menu with only CSS

4) CSS3 Mega Drop Down Menu

This Mega Drop Down Menu is a flexible and easy to integrate solution to build your custom menus. The drop down relies only on CSS /XHTML and comes with a fully working contact form.

5) CSS3 Mega Menus

Drop Down Mega Menu created with CSS3 markup. This menu doesen’t need any images. Easy to customize and ready to create your own version.

6) Sticky Header

Sticky Header is the top navigation bar that remains at the top of the page even when a user scrolls the page. This makes navigating to other parts of the site easy.

7) Menu with CSS3 Effects and Notification Bubbles

This Menu with CSS3 Effects and Notification Bubbles has everything you need. The functionality is divided in different parts and that makes it very powerful.

8 ) CSS Ultimate Menus

These Menus feature 3 different dropdown styles, Product view, multi-column view and single column view, it has different classes for different levels and could support endless dropdowns

 

9) jQuery CSS3 Sticky Mega Menu Bar

The plugin also works as a Multi Level dropdown Mega Menu, and comes in 15 different menubar templates, 2 menu templates and infinite menu levels.

10) HTML5 CSS3 Drop Down Menu

Super flexible and semantic HTML5 /CSS3 drop down menu, absolutely no JavaScript. Very easy and quick to implement!

via webinsightlab

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
css实现一级下拉菜单
css实现一级下拉菜单
21 0
css3实现摇动效果的下拉菜单
使用css3的动画效果,实现下来菜单的摇动效果。
36 0
html+css实现下拉菜单和字体图标
html+css实现下拉菜单和字体图标
97 0
web前端学习(二十八)——CSS3下拉菜单的相关设置
web前端学习(二十八)——CSS3下拉菜单的相关设置
193 0
html+css实战38-下拉菜单
html+css实战38-下拉菜单
25 0
JavaWeb学习之路(52)–CSS应用实例之下拉菜单
本文目录 1. 前言 2. 开发过程 2.1 HTML元素组成 2.2 设定按钮样式 2.3 设置菜单区域样式 2.4 设置菜单中链接样式 2.5 设置下拉菜单样式 3. 小结
253 0
HTML5/CSS3动画下拉菜单
在线演示 本地下载
1287 0
CSS3手风琴下拉菜单
在线演示 本地下载
787 0
CSS3 3D旋转下拉菜单
在线演示 本地下载
867 0
+关注
楚广明
10年导入咨询顾问经验,敏捷中国 第一届中国高峰会讲员,行业实施:中国移动、中华联合保险、中国民航信息 ANZ 澳新银行、戴姆勒奔驰汽车、广州证券、浦发银行、爱德万测试、蔚来汽车、清华大学、努比亚、顺丰速运、迅雷、时趣互动......等企业 Atlassian 敏捷项目
文章
问答
文章排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载