ドロップダウンするグローバルナビゲーション（JavaScript）

しろうさぎの作品


  1. 配布元の「LEIGEBER」のサイトより「JavaScript Dropdown Menu with Multi Levels」のファイルをダウンロードします
  2. 箇条書きリスト（ｕｌ、ｌｉ）を使ってグローバルナビゲーションを記述します
  3. header内にscriptを記述して「script.js」を読み込みます
  4. ドロップダウンさせるために＜body＞内に
    ＜script type="text/javascript"＞
    var menu=new menu.dd("menu");
    menu.init("menu","menuhover");
    ＜/script＞
    を記述します


画像は「1px×31px」で作成して

CSS側で
『background: url(images/●●●.gif) repeat-x top left;』
「repeat-x」で横に繰り返し表示させました



■しろうさぎの作品
「一人前のwebデザイナーを目指して｜webnotebook」にアップ中です！！