16 April 2010

Membuat Menu Dropdown

    Setelah Bagus Blog membuat postingan tentang Tips dan Trik Membuat Menu Blogroll Dropdown dan Blogroll Menu Dropdown Versi 2 pada beberapa waktu yang lalu sekarang saya mau berbagi lagi dengan agan tentang Membuat Menu Dropdown dengan berbagai jenis, nah bagi yang baru belajar ngeblog mungkin ini sangat berharga, simak tutorial ngeblog di bawah 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>
    Cara Buat Menu Dropdown Supaya link tidak keluar ke halaman baru
    <select onChange=”document.location.href=this.options[this.selectedIndex].value;”><option value=”0″ selected>Arsip Blog</option><option value=”Links 1“>Text 1</option><option value=”Links 2“>Text 2</option> </select>
    Ganti Yang berwarna biru dengan link blog agan, dan berwarna merah nama link agan Semoga bermanfaat ya….selamat belajar ShareThis

Artikel Terkait di Bawah posting

0 komentar:

LOGIN

Template by : JON'S