Cara Membuat Menu DropDown

Apakah yang dimaksud Menu Dropdown yaitu menu full-down yang berupa kumpulan teks dan link dalam satu menu yang ringkas.
Kegunaan menu Dropdown adalah untuk meringkas teks dan link, yang biasanya menu tersebut digunakan untuk wadah dari daftar blogrol.

Berikut cara pembuatan Menu Dropdown
Menu Dropdown yang Biasa :


<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected="selected" value="0">
judul dropdown
</option> 
<option value="
http://alamat-link1.com
">dropdown link1</option> 
<option value="
http://alamat-link2.com
">dropdown link2</option> 
<option value="
http://alamat-link3.com
">dropdown link3</option> 
<option value="
http://alamat-link4.com
">dropdown link4</option> </select>

Menu Dropdown model tombol

<form name="jump">
<select name="menu"> 
<option selected="selected" value="0">
Judul dropdown
</option> 
<option value="
http://alamat-link1.com
">dropdown link1</option> 
<option value="
http://alamat-link2.com
">dropdown link2</option> 
<option value="
http://alamat-link3.com
">dropdown link3</option> 
<option value="
http://alamat-link4.com
">dropdown link4</option> 
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>

Kode yang berwarna biru bisa diganti selera anda
Silahkan diterapkan langsung di blog anda ok...


Tidak ada komentar:

Posting Komentar

>> Tinggalkan Komentar Anda.. <<