Blog Inspirasi Digital

Blog Inspirasi Digital

Tutorial Mikrotik, Hotspot, Blog, SEO, WEB 2.0, HTML, CSS, Javascript dan Inspirasi Digital

Membuat menu DropDown

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>


Catatan : kode ditandai warna merah bisa diganti sesuai keinginan anda.


BERI KOMENTAR

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel :)
 

Back to Top