Membuat menu DropDown

Topik sebelumnya Topik selanjutnya Go down

Membuat menu DropDown

Post  Bhu_yunk on 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

Lihat profil user

Kembali Ke Atas Go down

Topik sebelumnya Topik selanjutnya Kembali Ke Atas

- Similar topics

 
Permissions in this forum:
Anda tidak dapat menjawab topik