Fade Anything Technique

Awalnya sempat terkesan dengan “fade effect” pada saat melakukan perubahan di wordpress (wp-admin). Ada effect warna yang berganti dari kuning, makin lama makin memudar. Trus lupa.. pas inget lagi, langsung obok-obok file-file di Joomla 1.5 yang kebetulan juga ada “fade effect”nya. Ternyata ada di file “fat.js”.

Pake’nya ternyata mudah banget! Tinggal masukkin “fat.js”, Lalu buat class dengan nama fade. Jangan lupa harus ada ID nya. Supaya javascript bisa mengenali tag HTML yang akan diberi effect.

Contoh:
<script type=”text/javascript” src=”fat.js”></script>
<div id=”berubah” class=”fade”>Text ini akan berubah warna tiap di-reload</div>

Dengan asumsi file “fat.js” ada dilokasi yang sama dengan file .html

Default-nya warna berubah dari warna kuning. Untuk mengganti nya tambahkan pada class=”fade-ff0000″ untuk warna merah. Bisa juga dalam tiga digit class="fade-f00".

Bila class telah memiliki CSS rule, beri spasi setelah nama class. class="berubah fade-f00".

Ada juga cara untuk menentukan durasi fade, dan lainnya. Silahkan obok-obok file “fat.js”, atau datang langsung ke websitenya Adam Michela untuk liat demo-nya.

Download filenya klik disini (2,46 KB)

Iklan

Satu pemikiran pada “Fade Anything Technique

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s