Home » , » Cara membuat menu dropdown sederhana

Cara membuat menu dropdown sederhana

Menu Dropdown atau Pull-down menu adalah kumpulan beberapa data (dalam bentuk teks dan link) yang disingkat menjadi menu tunggal. Dropdown menu dapat digunakan sebagai Anda butuhkan. Selain dapat digunakan sebagai alternatif Blogroll, Anda juga dapat menggunakannya untuk membuat alamat banyak link ke target situs. Apakah Anda ingin tahu bagaimana membuatnya?
 
Cara membuat menu dropdown standar

 <form name="jump">
<Pilih nama = "menu" onchange = "lokasi = document.jump.menu.options [document.jump.menu.selectedIndex] nilai;."
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 membuat 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 = "tombol" onClick = "lokasi = document.jump.menu.options [document.jump.menu.selectedIndex] nilai;."
value = "OK">
</ Form>

Cara membuat menu dropdown dengan tombol picture

 
<form name="jump">
<script>
Fungsi jumpMenu () {
lokasi = document.jump.menu.options [document.jump.menu.selectedIndex] nilai.;
}
</ 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 yang ditandai
dengan warna merah bisa diganti seperti yang Anda inginkan. demikian sedikit tutorial dari saya semoga bermanfaat !
 

0 comments:

Spoiler Untuk lihat komentar yang masuk:

Post a Comment

 
Copyright © 2011. harliz . All Rights Reserved.
Company Info | Contact Us | Privacy policy | Term of use | Widget | Advertise with Us | Site map
Template modify by Creating Website