Blog

Pathみたいなナビゲーションが作れるjQueryプラグイン ferroMenu

2013.11.20Cat:javascript デザイナー 役員

Pathみたいなナビゲーションが作れるjQueryプラグイン ferroMenuを使ってみた。

デモ

 

以下設置方法

 

まずはダウンロードしたファイルを読み込む。

CSSは必ず読み込んだ方が良い。ただ、デフォルトで#navに対してスタイルをかけているが

変更が容易は容易だった。

 

次にターゲットに対して ferroMenu関数を実行する。

1ページに複数ターゲットを置いて別々に指定したらエラーになり最後のものしか実行されなかった。

 

ターゲットはulで指定した方が無難だった。

 

また、以下はパラメータ一覧

 

パラメータ デフォルト値 説明
closeTime int 500 メニューが閉じる時の時間(ミリ秒)
delay int 0 各アイテムのアニメーション開始時のディレイ
drag bool TRUE メニューをドラッグできるか否か
easing string cubic-bezier(0.680, -0.550, 0.265, 1.550) イージングの指定
margin int 10 配置によるが、エッジに対するマージン
position ‘left-top’ | ‘center-top’ | ‘right-top’ | ‘right-bottom’ | ‘center-bottom’ | ‘left-bottom’ | ‘right-center’ | ‘left-center’ | ‘center-center’ ‘left-bottom’ 配置位置。dragがtrueであればデフォルトの位置
radius int 100 アイテムの距離感
rotation int 0 アイテムの回転角度
opened bool FALSE デフォルトでメニューを開いてるか否か
openTime int 500 アイテムが開くスピード(ミリ秒)

Author Profile

hoshino
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ