10 great mootools ajax example

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

Accordion

Accordion

Lihat expandable/collapsible sliding sidebar 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 :D

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

Photo Gallery

Galeri foto yang menakjubkan dan interaktif. Lihat demo.

Multibox

Multibox

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

mooSlideBox v3

mooSlideBox v3

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

Rounded Corners

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

11 Comments so far

  1. persikers (4 comments) 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)

    Reply to this comment
  2. chodirin (4 comments) said,

    Wrote on June 14, 2008 @ 12:08 am

    bener2 keren javascriptnya. tapi kenyamana berbanding terbalik dg kecepatan ya :)

    Reply to this comment
  3. fanari (112 comments) 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 :D

    Reply to this comment
  4. Putra eka (15 comments) said,

    Wrote on June 15, 2008 @ 3:05 pm

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

    Reply to this comment
  5. fanari (112 comments) said,

    Wrote on June 16, 2008 @ 2:03 pm

    @Putra eka: hehe asik lo pake wp :keren:

    Reply to this comment
  6. Ronggo (13 comments) said,

    Wrote on June 22, 2008 @ 3:58 pm

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

    Reply to this comment
  7. Ronggo (13 comments) 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

    Reply to this comment
  8. fanari (112 comments) said,

    Wrote on June 23, 2008 @ 1:17 pm

    @Ronggo: pake aja plugin dagon design sitemap generator

    Reply to this comment
  9. the gands (16 comments) said,

    Wrote on July 10, 2008 @ 8:55 am

    Ckckckckckckckkk…
    Emang mas yang satu ini bener2 master AJAX…

    Reply to this comment
  10. the gands (16 comments) said,

    Wrote on July 10, 2008 @ 8:57 am

    btw, tukeran link yukk

    Reply to this comment
  11. fanari (112 comments) said,

    Wrote on July 12, 2008 @ 7:53 pm

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

    Reply to this comment

Comment RSS · TrackBack URI

Leave a Comment

Nofollow Free

(required)

(will not be published) (required)

(optional)


Tautan komentar adalah nofollow free.