10 javascript accordion keren
Siapa sih yang nggak tahu javascript accordion yang sangat terkenal itu. Javascript accordion berguna untuk membuat suatu area konten supaya bisa ditampilkan atau disembunyikan menggunakan klik mouse (lihat accordion keren yang saya pakai di sidebar blog ini :)). Sangat baik digunakan untuk website yang membutuhkan space untuk bernavigasi yang cukup banyak. Saya udah mencoba beberapa, diantaranya..
Javascript accordion dari Deziner Folio ini paling simpel diantara accordion yang lain. Cukup mudah untuk menggunakannya.
Wow, ukurannya yang superlightweight, ultramungil, megakecil ini menjadi salah satu keunggulan javascript effect yang satu ini. Katanya sih, script ini sangat mudah digunakan, tapi saya belum bisa memasangnya di blog saya sendiri :). Keunggulan lainnya adalah script ini bersifat cross-browser (termasuk untuk IE), cepat dan ringan karena ukurannya yang kecil tadi.
Ini dia nih script yang saya pakai di blog ini (lihat sidebar). Accordion yang jadi favorit saya dari dulu. Memang ukurannya lebih besar daripada Moo.Fx jadi loadingnya jadi agak lama. Tapi entah kenapa saya lebih paham menggunakan script ini, dibandingkan Moo.Fx yang katanya sangat mudah itu. Animasinya cukup banyak antara lain animasi standar, animasi ease slide dengan mouseover, animasi bounceslide, juga accordion dengan wizard-style.
Salah satu script accordion yang keren. Lumayan kecil, memakai scriptaculous dan berjalan di semua browser. Keunggulan script ini adalah tidak hanya mampu menangani accordion vertikal, tetapi juga horizontal, termasuk nested accordion.
Chris Esler Moo Tools Accordion
MooTools Accordion dengan tampilan yang cukup keren. Keunggulannya bisa dibuat untuk membuka (toggle) pada setiap elemen accordion tanpa “menutup” elemen yang lain, mirip JQuery.
Accordion dengan fasilitas drag & drop.
Wow, Mootools accordion yang menurut saya punya tampilan paling keren karena bisa dipakai untuk membuat menu dengan efek hover yang menarik.
Accordion dengan box di dalam tab
JQuery horizontal accordion yang paling keren dengan tampilan antarmuka ala Xbox 360 !
Salah satu accordion dengan efek transisi warna.
Kesimpulannya..semua script di atas bagus untuk dipasang di blog atau website, cuma menurut saya lebih baik memakai Moo.Fx karena ukurannya sangat kecil, sangat cepat untuk didownload terutama untuk internet dengan koneksi yang lambat. Atau bisa juga memakai JQuery, karena simpel dan mudah digunakan, seperti yang saya pakai di blog ini :).
Sebagian gambar diambil dari TutorialBlog.org





















If you enjoyed this post, make sure you
June 13th, 2008 at 3:32 pm
[...] Accordion [...]
July 3rd, 2008 at 1:15 pm
Mas tolong diulas cara pemakaian jQuery accordion, masih newbie nih.
July 4th, 2008 at 7:48 pm
ok mas, tunggu aja postingan tutorialnya
makasi udah mampir..lam kenal
July 4th, 2008 at 7:55 pm
wah ternyata mas web designer to, hebat deh..
jadi yg newbie tuh saya, bukannya mas, hehe..