Sabtu, 05 April 2008

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.





Tidak ada komentar:

Posting Komentar