Dulu saya pernah bikin script kayak gitu, sekarang saya cuman mo ngejelasin
prosesnya pake layer & javascript sesuai dengan pengetahuan saya. Anggap
saja kamu sudah tau tag <div> and perintah dasar JavaScript untuk langkah2
tsb ;)
Langkah2nya:
-Bikin layer-layer di file htm kamu (boleh pake tag <div>) dengan id
layermenu1, layermenu2, layermenu3, dst. Propertinya dibikin 'hidden' dengan
posisi 'absolute'. Layer-layer ini akan dijadiin sub-menu.
-Di semua link (baik text ataupun gambar/ImageMap) untuk main menu (yg kalo
mouse-over bakalan mucul submenu) taruh property
onMouseOver="ubah_property_layer_bersangkutan_menjadi_visible",
onMouseOut="ubah_property_layer_bersangkutan_menjadi_hidden"
-Bikin hal yg serupa untuk yg ada di layer sub-menu.
-Karena onMouseOut-nya main-menu membuat layer-submenu jadi hidden maka
layer untuk sub-menu nggak boleh jauh2 dari main-menu sehingga layer-submenu
nggak sempat hidden kalo kursor diarahin ke situ.
Proses ini bisa dilihat di start-menu-nya windows, kalo mencet
"start-programs" maka akan muncul sub-menu yg nempel sedikit di atas main
menu, ini untuk menghindari hidden yg dihasilkan oleh onMouseOut (koreksi
kalo saya salah)
Eh cuman mo ngingatin, JavaScript untuk layer ini perintahnya beda untuk
Netscape & IE. Untuk ngetestnya pake aja perintah:
var ne = (document.layers) // kalo ne==true berarti netscape dgn layer
support. Ini supaya bisa cross-browser.
Selamat begadang, he..he..... :D
-R-
�-----Original Message-----
�From: Ibnu Rizal [mailto:[EMAIL PROTECTED]]
�Sent: Wednesday, July 26, 2000 3:06 PM
�To: [EMAIL PROTECTED]
�Subject: [MasterWeb] cara bikin drop down
�
�
�Dear webmaster,
�Saya mau nanya nih, ada yang tahu ngga, cara bikin drop down menu ala
�www.microsoft.com, atau model www.elle.com, yang kalo kita
�mouseover logo
�elle, keluar menu drop down. Gimana caranya? bisa ngga bikin di Flash?
------------[ MasterWEB - www.master.web.id ] -------------
Moderator : [EMAIL PROTECTED]
Berlangganan : [EMAIL PROTECTED]
Stop Berlangganan : [EMAIL PROTECTED]
-----------------------------------------------------------
