cara mudah membuat menu DropDown



tips blog kali ini saya akan membahas tentang cara membuat menu drop down. 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.
contoh dan cara membuat menu dropdown/ pull-down
  • pilihan pertama


     
<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://tbn0.google.com/images?q=tbn:6p-AlPGfyPhSfM:http://i.pbase.com/v3/13/577913/1/46333419.search.gif" border=0></a>
</form>

  • pilihan kedua




    <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>

    •  pilihan ketiga



    <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>

        catatan :
        • ubah url berwarna merah dengan link tujuan anda
        • ubah menu berwarna biru dengan judul yang anda inginkan
        sekali lagi saya  minta maaf karena blog saya terproteksi dengan copy paste. jadi skripnya anda bisa download disini semuanya, terima kasih Download menu drop down 
        semoga bermanfaat

        No comments:

        Archives