[JS]メガドロップダウン型のナビゲーションを実装するスクリプト -Mega Menu

豊富なコンテンツを設置できるメガドロップダウンを実装するスクリプトをGeek Tantraから紹介します。

デモのキャプチャ

jQuery Mega Menu
デモページ

デモでは四種類メガドロップダウンがあり、データ量によってドロップダウンするパネルの幅が成り行きのもの、指定した幅のもの、表示位置が成り行きのもの、右寄せのものがあります。

実装は簡単で、スクリプトを外部ファイルとし、下記のようなスクリプトを記述します。

JavaScript

ドロップダウンするパネルには自由に要素を配置することが可能で、div要素内に配置します。

Mega MenuはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss