category
サイト構築 -JavaScript

[JS]多くのコンテンツが設置できるドロップダウン型のナビゲーション -jDiv

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

洗練されたエフェクトでドロップダウンが開閉するナビゲーションをSkyrocket Labsから紹介します。

デモのキャプチャ

jDiv
デモページ

デモでは左端の「Rollover Me!」のドロップダウンに多くのコンテンツが設置できるパネルが設定されており、リストや画像など複雑なものも配置が可能です。

ナビゲーションはリスト要素、パネルはdiv要素で実装されており、デザインのカスタマイズはCSSで自由に設定ができます。

HTML

対応ブラウザは、IE7/8, Fx3, Safari, Chromeで動作テストを行ったとのことです。

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

Post on:2010年2月3日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS