UXDE dot Net Wordpress Themes

jQueryとCSSで作るドロップダウンメニューのスクリプトまとめ

Flash全盛期が信じられないくらい、ここ数年のウェブサイトはjQueryになってますよね。
最近、ドロップダウンを使う用があって海外サイトを当たっていたら、かなりの数のスクリプトがあったので、その中から使えそうなデザインをまとめました。
中には完全にjQueryだと思っていたものがCSSだけで動作しているものがあって驚きました。
作成者に感謝。
※利用規約や無料/有料、権利など変わる可能性があるので自己責任でお願いします。

1

MenuMatic 0.68.3

サンプル1サンプル2ダウンロード
jquery-dropdown-menu-sample-script-01
2

How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery

サンプルダウンロード
jquery-dropdown-menu-sample-script-02
3

Animated Drop Down Menu with jQuery

サンプルダウンロード
jquery-dropdown-menu-sample-script-03
4

Sexy Drop Down Menu w/ jQuery & CSS

サンプルダウンロード
jquery-dropdown-menu-sample-script-04
5

Create Vimeo-like top navigation

サンプルダウンロード
jquery-dropdown-menu-sample-script-05
6

Smooth Navigational Menu (v1.5)

サンプルダウンロード
jquery-dropdown-menu-sample-script-06
7

Sliding Jquery Menu

サンプルダウンロード
jquery-dropdown-menu-sample-script-07
8

A Different Top Navigation

サンプルダウンロード
jquery-dropdown-menu-sample-script-08
9

JavaScript Dropdown Menu with Multi Levels

サンプルダウンロード
jquery-dropdown-menu-sample-script-09
10

Create The Fanciest Dropdown Menu You Ever Saw

サンプルダウンロード
jquery-dropdown-menu-sample-script-10
11

Longed-For Multi-Level Drop-Down Menu Script

サンプルダウンロード
jquery-dropdown-menu-sample-script-11
12

Cut & Paste jQuery Mega Menu

サンプルダウンロード
jquery-dropdown-menu-sample-script-12
13

Building a dynamic drop down menu

サンプルダウンロード
jquery-dropdown-menu-sample-script-13
14

Drop-Down Menus, Horizontal Style

サンプルダウンロード
jquery-dropdown-menu-sample-script-14
15

Designing the Digg Header

サンプルダウンロード
jquery-dropdown-menu-sample-script-15
16

jQuery Drop Line Tabs

サンプルダウンロード
jquery-dropdown-menu-sample-script-16
17

jQuery & CSS Example  Dropdown Menu

サンプルダウンロード
jquery-dropdown-menu-sample-script-17
18

Simple CSS3 Dropdown Menu

サンプルダウンロード
jquery-dropdown-menu-sample-script-18
19

Fancy Drop Down Menus Using CSS and JQuery

サンプルダウンロード
jquery-dropdown-menu-sample-script-19
20

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

サンプルダウンロード
jquery-dropdown-menu-sample-script-20
21

Mega Drop Down Menus w/ CSS & jQuery

サンプルダウンロード
jquery-dropdown-menu-sample-script-21
22

Create a Slick Tabbed Content Area using CSS & jQuery

サンプルダウンロード
jquery-dropdown-menu-sample-script-22
23

CSS3 Dropdown Menu

サンプルダウンロード
jquery-dropdown-menu-sample-script-23
24

Simple jQuery Dropdowns

サンプルダウンロード
jquery-dropdown-menu-sample-script-24
25

CSS3 dropdown menu

サンプルダウンロード
jquery-dropdown-menu-sample-script-25
26

FormBox  A jQuery & CSS3 Drop-Down Menu With Integrated Forms

サンプルダウンロード
jquery-dropdown-menu-sample-script-26
1

Reinventing a Drop Down with CSS and jQuery

サンプルダウンロード
jquery-dropdown-menu-sample-script-27
このエントリーをはてなブックマークに追加
はてなブックマーク - jQueryとCSSで作るドロップダウンメニューのスクリプトまとめ
Bookmark this on Yahoo Bookmark

1 Comment to jQueryとCSSで作るドロップダウンメニューのスクリプトまとめ

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">