Saling Berbagi dan Memberi
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Membuat menu DropDown

Go down

Membuat menu DropDown  Empty Membuat menu DropDown

Post  Bhu_yunk Wed Apr 27, 2011 10:40 pm

Menu Dropdown atau Menu Pull-down merupakan kumpulan beberapa data (berupa text dan link) yang di ringkas menjadi menu tunggal, Menu dropdown bisa digunakan sesuai kebutuhan anda, selain bisa digunakan sebagai alternatif Blogroll, bisa juga anda gunakan untuk memuat banyak alamat Link ke situs tujuan. mau tau cara pembuatannya?

Cara Buat Menu Dropdown Standar
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
</form>

Cara Buat Menu Dropdown dengan Tombol
<form name="jump">
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>

Cara Buat Menu Dropdown dengan Tombol Gambar
<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<a href="Javascript:jumpMenu()"><IMG src="http://oom.blog.googlepages.com/Go.gif" border=0></a>
</form>

Bhu_yunk
Admin
Admin

Point Kamu : 534
Reputasi : 0
Join date : 09.02.11
Jumlah posting : 178

Kembali Ke Atas Go down

Kembali Ke Atas

- Similar topics

 
Permissions in this forum:
Anda tidak dapat menjawab topik