Mempercantik Situs Web Dengan Menu Drop Down atau Popup
menu drop down yang tampilannya naik turun, ketika mouse berada di atasnya maka menu tersebut akan menurun dan menampilkan list sub menu lainnya, begitu juga sebaliknya.
Menu ini dibuat dengan menggunakan javascript. Anda bisa menambahkan menu ini ke dalam website anda dengan cara yang mudah dan tidak merepotkan meskipun anda yang pemula sekalipun.
Baiklah kita mulai saja:
Pertama:
Copy file menu kedalam base directory website anda:
Kedua:
Tambahkan pada file index.php anda, sedikit script code.
Include (“index2.php”);
Untuk mengedit link-link menu anda bisa mengubah isi file index2.php.
Menu ini bisa buat sebagai menu horizontal ataupun menu vertical. Anda bisa mengaturnya valuenya pada script:
$mmMenu=new mMenu();
$mmMenu->style="menuStyle";
$mmMenu->alwaysvisible="true";
$mmMenu->orientation="horizontal"; //atau isi vertical
$mmMenu->left=10;
$mmMenu->top=10;
ada beberapa aturan yang pokok yang harus anda ketahui.
$mmMenu->addItemFromText("showmenu=Transaksi;text=Pembayaran;");
Keterangan:
Showmenu = Transaksi, artinya mendaftarkan menu dengan name Transaksi
Text=Pembayaran, artinya menampilkan menu dengan tulisan Pembayaran
Fungsi dari name showmenu ini akan anda ketahui ketika anda menggunakan script :
$mmMenu=new mMenu();
$mmMenu->style="menuStyle";
$mmMenu->overflow="scroll";
$mmMenu->addItemFromText("text=Kelas1;url=?page=transaksi.php;");
$mmMenu->addItemFromText("text=Kelas2;url=?page=transaksi.php;");
$mmMenu->addItemFromText("text=Kelas3;url=?page=transaksi.php;");
$mmMenu->createMenu("Transaksi");
pada baris terakhir ini adalah perintah untuk membuat menu yang tadi telah didaftarkan dengan nama Transaksi oleh Showmenu.
$mmMenu->addItemFromText
("text=DataPembayaran;url=?page=data_transaksi,view,3;");
Keterangan:
text = DataPembayaran, artinya Menampilkan link dengan tulisan DataPembayaran
url=page=data_transaksi,view,3, artinya memberikan lokasi/ link untuk link DataPembayaran
aturan-aturan yang saya jelaskan diatas adalah yang paling sering dipakai oleh para webmaster, jadi anda tidak perlu mengetahui keseluruhan fungsi script pada menu dropdown ini, alias bersifat optional.
Oiya, satu hal lagi, menu ini saya tukil dari milonic[dot]com, tapi ada sedikit perbedaan yang telah saya lakukan, pada menu ini anda tidak akan menemukan satu link pun yang menuju ke arah milonic[dot]com he..he…
download here
Comments