Menu 3 Level dengan CSS & JQuery

Tidak dapat disangkal lagi bahwa menu dengan sub submenu (3 level) merupakan komponen yang cukup sering dipakai dalam beberapa website, terutama jika website tersebut memiliki struktur navigasi halaman yang  ‘beranak bercucu’. Okay langsung saja, disini ada beberapa bumbu yang saya gunakan dalam pembuatan menu 3 level ini, yaitu:

• CSS 2.0
• JQuery
• XHTML

Dengan struktur file sebagai berikut:

• /menu.html
• /menu.css
• /script.js
• /jquery-1.4.2.min.js

MENGATUR DAFTAR ISI

Untuk mengatur daftar isi seperti text dan link supaya lebih rapih di lihatnya.
kita akan menggunakan kode OL(ordered list) UL(unordered list) dan LI(list item).
Contoh kita akan mengatur text atau linknya dengan menggunakan UL dan LI .
Contoh:<ul><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li></ul>

Membuat Membuka Link Di Tab Baru

   Pernah ga anda klik link dan munculnya di tab baru?  Mau membuatnya juga? ikuti langkah di bawah ini :

*Biasanya pada link kodenya akan seperti ini :

           <a href='http://bloganda.com'>Blog Anda</a>

*Untuk membuatnya terbuka di tab baru ganti dengan :

<a href="#" target="_blank" rel="dofollow" onclick="window.open('http://bloganda.com'); return false;">Blog Anda</a>

Cat : Ganti teks yang berwarna merah dengan Alamat Link yang  inginkan
        Ganti teks yang berwarna Biru dengan kata yang akan muncul mewakili Alamat Link

Selamat Mencoba :D