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

目录
相关文章
|
28天前
|
前端开发
css实现一级下拉菜单
css实现一级下拉菜单
12 1
|
4月前
|
XML 前端开发 小程序
css实例(一)鼠标hover下拉菜单
红框标注位置,有一个小尖尖角,这个使用样式是这样实现的。 css 复制代码
53 0
|
9月前
|
前端开发
HTML和CSS实现鼠标下拉菜单
HTML和CSS实现鼠标下拉菜单
73 0
|
11月前
|
前端开发
css实现一级下拉菜单
css实现一级下拉菜单
54 0
|
前端开发
css实现一级下拉菜单
css实现一级下拉菜单
87 0
|
前端开发
css3实现摇动效果的下拉菜单
使用css3的动画效果,实现下来菜单的摇动效果。
100 0
css3实现摇动效果的下拉菜单
|
前端开发 容器
web前端学习(二十八)——CSS3下拉菜单的相关设置
web前端学习(二十八)——CSS3下拉菜单的相关设置
web前端学习(二十八)——CSS3下拉菜单的相关设置
html+css实战38-下拉菜单
html+css实战38-下拉菜单
64 0
html+css实战38-下拉菜单
|
前端开发
JavaWeb学习之路(52)–CSS应用实例之下拉菜单
本文目录 1. 前言 2. 开发过程 2.1 HTML元素组成 2.2 设定按钮样式 2.3 设置菜单区域样式 2.4 设置菜单中链接样式 2.5 设置下拉菜单样式 3. 小结
400 0