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 <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>
<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>
<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 !
dengan warna merah bisa diganti seperti yang Anda inginkan. demikian sedikit tutorial dari saya semoga bermanfaat !
0 comments:
Post a Comment