Quick menu bisa di katakan juga sebagai menu multy serbaguna juga,dengan adanya sebuah deskripsi tentang link tersebut.seperti hal nya ajax juga.
Sebagai contoh anda bisa lihat di bawah ini,setiap anda memilih sebuah link maka deskripsi akan muncul di bawah nya.
<form name="combowithtext">
<select name="example" onchange="showtext()" size="1"> <option value="http://frogstomps.blogspot.com">Home</option> <option value="http://frogstomps.blogspot.com/2012/01/membuat-bayangan-cursor.html">Membuat Bayangan Cursor</option> <option value="http://frogstomps.blogspot.com/2012/01/membuat-gambar-melayang-di-atas-halaman.html">Membuat Gambar Melayang Di Atas</option> <option value="http://frogstomps.blogspot.com/2012/01/gelembung-berjatuhan.html">Hujan Gelembung</option> </select>
<input onclick="gothere()" type="button" value="Go!" />
<textarea cols="21" name="text" rows="5" wrap="virtual"></textarea>
<script language="javascript">
<!--
/*
Combo box with description credit-
By Website Abstraction (www.wsabstract.com)
and Java-scripts.net (www.java-scripts.net)
*/
var shortcut=document.combowithtext
var descriptions=new Array()
//extend this list if neccessary to accomodate more selections
descriptions[0]="Clik disini untuk kembali ke halaman awal!"
descriptions[1]="Cursor yang selalu di ikuti bayangan nya kemana ia bergerak!"
descriptions[2]="Gambar selalu muncul di top page"
descriptions[3]="Memperindah halaman blog dengan hujan gelembung"
shortcut.text.value=descriptions[shortcut.example.selectedIndex]
function gothere(){
location=shortcut.example.options[shortcut.example.selectedIndex].value
}
function showtext(){
shortcut.text.value=descriptions[shortcut.example.selectedIndex]
}
//-->
</script>
</form>
<select name="example" onchange="showtext()" size="1"> <option value="http://frogstomps.blogspot.com">Home</option> <option value="http://frogstomps.blogspot.com/2012/01/membuat-bayangan-cursor.html">Membuat Bayangan Cursor</option> <option value="http://frogstomps.blogspot.com/2012/01/membuat-gambar-melayang-di-atas-halaman.html">Membuat Gambar Melayang Di Atas</option> <option value="http://frogstomps.blogspot.com/2012/01/gelembung-berjatuhan.html">Hujan Gelembung</option> </select>
<input onclick="gothere()" type="button" value="Go!" />
<textarea cols="21" name="text" rows="5" wrap="virtual"></textarea>
<script language="javascript">
<!--
/*
Combo box with description credit-
By Website Abstraction (www.wsabstract.com)
and Java-scripts.net (www.java-scripts.net)
*/
var shortcut=document.combowithtext
var descriptions=new Array()
//extend this list if neccessary to accomodate more selections
descriptions[0]="Clik disini untuk kembali ke halaman awal!"
descriptions[1]="Cursor yang selalu di ikuti bayangan nya kemana ia bergerak!"
descriptions[2]="Gambar selalu muncul di top page"
descriptions[3]="Memperindah halaman blog dengan hujan gelembung"
shortcut.text.value=descriptions[shortcut.example.selectedIndex]
function gothere(){
location=shortcut.example.options[shortcut.example.selectedIndex].value
}
function showtext(){
shortcut.text.value=descriptions[shortcut.example.selectedIndex]
}
//-->
</script>
</form>
5. Save dan lihat hasil nya.
Ok bro sekian dulu dari saya, Selamat mencoba dan semoga berhasil


0 comments:
Post a Comment