SmoothScroll Effects

Mootools memiliki beberapa effect yang menarik, salah satunya adalah Fx.SmoothScroll. Effect ini adalah plugin mootools yang tersedia pada mootools-more.js. Effect ini diterapkan pada semua link anchor yang ada pada halaman. Untuk menggunakannya cukup mudah masukkan script berikut pada file html.

 

1.window.addEvent('domready', function(){

2.  new SmoothScroll({duration:1000});

3.});

Option duration dapat diganti sesuai keinginan, semakin besar angka duration smooth scroll akan semakin lambat.

View Demo

Source : http://gadaguna.freevar.com/index.php/mootools/3-smoothscroll-effects-dengan-mootools12

Read More

Zebra Table

Pada table yang besar kadang sulit untuk fokus pada satu baris saja. Untuk mengatasi masalah ini digunakanlah metode zebra table. Dengan cara ini tabel akan lebih enak dilihat. Metode zebra tabel dapat dilakukan dengan CSS atau Javascript. Jika menggunakan CSS akan tidak efektik karena harus memasukkan class atau id pada setiap baris. Saya akan memberitahu cara membuat zebra tabel dengan Framework Javascript favorit saya yaitu Mootools.

Read More

Simple Mootools Accordion

Mootools Accordion adalah plugin dari mootools yang memberikan efek seperti accordion. Jika Salah satu menu terbuka maka menu yang lainnya akan tertutup. Saya akan coba menjelaskan bagaimana cara menggunakan mootools accordion.

Read More

Membuat Social Bookmark Toolbar seperti Detikinet.com

Siapa yang tidak tahu detikinet.com ? Ini adalah salah satu portal berita teknologi yang sangat lengkap. Pernahkah anda memperhatikan social bookmark toolbar yang ada di bagian bawah setiap berita ? Saya akan membuat toolbar yang hampir sama dengan menggunakan mootools 1.2.

Read More

Fancy Sliding Door Effect

Saat sedang browsing mencari tutorial tentang javascript framework, saya menemukan sebuah efek yang menarik. Sliding door effect with jquery , tapi sayangnya efek itu menggunakan framework jquery. Karena saya belum pernah mencoba jquery jadi saya coba membuat dengan mootools. Seperti apakah efeknya ? Coba lihat Live Demo yang telah saya sediakan .

Read More

Flashing Effect pada Menu Navigasi

Efek efek yang indah dan menarik pada menu navigasi tidak selamanya harus menggunakan flash. Sekarang efek efek itu dapat dilakukan dengan menggunakan javascript framework yaitu mootools. Saya akan membuat flashing effect pada navigation menu, ingin tahu seperti apa efek nya ?

Read More