10 Great MooTools AJAX Example

June 13th, 2008 AJAX, JavaScript

Ingin tampilan blogmu jadi tambah keren dan beda ama yang lain? Udah coba pasang JavaScript? Kalau belum, coba tambahkan bermacam-macam efek JavaScript di bawah ini (kebanyakan dibuat dengan framework Mootools) di tema blog kamu.

Accordion

Lihat expandable/collapsible sliding ~~sidebar~~ footer di blog ini, lihat juga postingan sebelumnya, masih butuh penjelasan??

Tool Tips

Mootools Tooltip

Tool tip yang stylish dan keren ~~yang saya pake di blog ini~~

Sexy Sliding JavaScript Sidebar Menu

Smooth and Sexy sliding sidebar menu

Sliding sidebar yang mulus dan sexy, kalau nggak percaya rasakan aja sendiri

Artviper’s mooHorizonSlider

Artviper's mooHorizonSlider

Horizon slider yang memakai Mootools framework 1.11. Keren abis!

Artviper’s mooSlide revamp

mooSlide revamp

Wow..satu lagi yang keren selain horizon slider, mooSlidebox revamp. Script ini sudah teruji di Firefox 2.0.0.14, IE6/IE7, Opera 9.2 dan Safari for Windows. Nggak perlu saya jelaskan lagi, silakan lihat demonya!

MooTabs

mooTabs

Tabber yang cukup kecil (cuma 3 Kb!), lumayan buat bikin tab navigasi yang simpel.Lihat demo.

Photo Gallery

Galeri foto yang menakjubkan dan interaktif. Lihat demo.

Multibox

Mirip ama lightbox. Mampu menangani gambar, flash, video, mp3, html.

mooSlideBox v3

mooSlideBox v3 yang kecil dan berbasis Ajax. Mirip ama lightbox.Lihat demo.

Rounded Corners

Untuk membikin rounded corner pada div.

Sebenernya masih banyak lagi script Ajax yang keren-keren, silakan kalau mau nambahin. Kalau favorit saya sih tetap jQuery Accordion

sebagian screenshot diambil dari speckyboy

{15 Comments so far ↓}

persikers said,

Wrote on June 13, 2008 @ 7:17 pm

menarik juga cuman susah ga ya mas? soalnya ga mudeng srcipt²an nih..

oh ya kalo pas mouse diarahkan ke link/kata tertentu trs bisa muncul gambar pake apa ya mas? (kek tooltips tapi munculnya gambar)
chodirin said,

Wrote on June 14, 2008 @ 12:08 am

bener2 keren javascriptnya. tapi kenyamana berbanding terbalik dg kecepatan ya
fanari said,

Wrote on June 14, 2008 @ 10:50 am

@persikers: bisa pake jQuery Tooltip
@chodirin: iya mas, kayak blog ini lambat banget soalnya kebanyakan javascipt
Putra eka said,

Wrote on June 15, 2008 @ 3:05 pm

jadi tambah pengen neh buat blog baru di WP biar bisa nyobain yang satu ini.
fanari said,

Wrote on June 16, 2008 @ 2:03 pm

@Putra eka: hehe asik lo pake wp :keren:
Ronggo said,

Wrote on June 22, 2008 @ 3:58 pm

mantaf broo pusing gak tu edit skipnya, dan makasih atas ucapan ultahnya
Ronggo said,

Wrote on June 22, 2008 @ 4:20 pm

ijin tanya gi mana cara buat site map bagian atas # Pages
mohon pencerahan yang kaya daftar isi itu lhoo
fanari said,

Wrote on June 23, 2008 @ 1:17 pm

@Ronggo: pake aja plugin dagon design sitemap generator
the gands said,

Wrote on July 10, 2008 @ 8:55 am

Ckckckckckckckkk…
Emang mas yang satu ini bener2 master AJAX…
the gands said,

Wrote on July 10, 2008 @ 8:57 am

btw, tukeran link yukk
fanari said,

Wrote on July 12, 2008 @ 7:53 pm

@the gands: hehe nggak segitunya kali mas, bikin pluginnya aja saya belum bisa kok
yudz said,

Wrote on November 30, 2008 @ 12:15 am

wah mantap nih!!
Harry said,

Wrote on December 15, 2008 @ 11:17 am

wow what a nice post about rugs and retail information.
Its a very needed information because i need to buy variety of rugs.
belajar web said,

Wrote on December 20, 2008 @ 10:53 am

moootol bagus ya… jadi tertarik ni
riesurya said,

Wrote on January 19, 2009 @ 12:48 am

perlu dicoba nih. gak sia-2 jalan-2 diblognya mas fanari. tx ya