Cara membuat dropdown menu - E-Learning With Blog
Headlines News :
Home » » Cara membuat dropdown menu

Cara membuat dropdown menu

Written By Ahmad Nurhakim on Sabtu, 07 Januari 2012 | 21.52

Menu dropdown ialah
menu pull-down yang berupa kumpulan teks dan link dalam 1 menu ringkas.
kegunaan menu dropdown
ialah untuk meringkas teks dan link, biasanya menu dropdown ini digunakan untuk wadah dari daftar
blogroll
(tukar link), bisa di gunakan untuk menu arsip juga.

Berikut cara pembuatan menu dropdown

Menu dropdown model 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>


Hasil dari kode menu dropdown diatas==>>


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>
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

SubScriber

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Add to Google Reader or Homepage

Join Member

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. E-Learning With Blog - All Rights Reserved
Template Design by Creating Website Published by Mas Template