Cara Membuat Menu Dropdown

Biar engga lama-lama jelasin jadi langsung di kasih contoh aja.

Arsip BlogLinks 1">Text 1Links 2">Text 2

 

Itu adalah contoh dropdown menu. Dengan itu kita jadi bisa menghemat tempat. Oke langsung saja ke pembahasan. Untuk membuat seperti yang di atas kode yang di perlukan seperti ini. 

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

Selain yang di atas masih ada satu lagi nih...Yang ini modelnya kalau linknya di klik masuk ke new tab. Jadi akan tetap mempertahankan halaman aslinya. Contohnya gini nih

Arsip BlogText 1Text 2

Nah  kodenya begini nih ..... :

<select onchange="javascript:window.open(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>

Nah gampangkan? Oke langsung saja di praktekin. Sekian dulu ya gan.
Terima kasih, jangan lupa commeny oke

Delicious

Digg

StumbleUpon

Reddit

Subscribe to RSS Feed