コンパクトな メニューいろいろ
  (安倍)

上に示す動画メニューの試験表示を兼ねて、いろいろなコンパクトなメニューのサンプルを下に示します。すぐに再利用できます。

DreamWeaverCS3 のSpry ネット情報(JavaScript)

・横スライド展開
・横スライド
 
・横シンプル2行)

ネット情報

Flash

・フラッシュ動画 (このページ)
・フラッシュ動画2 (横スクロール) 

CSS

・プルダウン
・ポップアップ (縦型) (横型
・アコーディオン
・アコーディオン(2)
・タブ式パネル
・縮小可能パネル
・選択式 ※1)

・縦に展開
・エレベーター
・ドロップダウン(プルダウン) (イメージボタン可)
・ドロップダウン(プルダウン)2(イメージボタン可)
プルダウン(滑らか) jQuery

・横方向複数列サブメニュー
・横方向複数列サブメニュー 2)

横方向Mac風
・横方向イメージ展開

ネット情報の各メニューサンプルは、それぞれからリンクしている原典からダウンロードできます。 
ここの各サンプルから、直接 「ファイル → 名前をつけて保存 → Webページ完全(html)」 でも保存できますが広告も同時に保存されるので好ましくありません。
※1)Spry 機能使用せず。

JavaScript を使ったメニューサンプル
・みやけ工房メニュー見本   (1)   (2)    (3)
 (このみやけ工房には数多くの優れたJavaScriptサンプルがある)
※3) yahoo サイトで動作せず。

・CSS Lecture

   ホームページ作成体験

 

 

 

 

 

 

 

inserted by FC2 system