effectnya pada saat mouseover bandingkan perbedaan effect hover CSS biasa dengan effect hover dari MooTools buka demo 1, perhatikan semua yg ada link di Control Panel dan bedakan dengan link yg ada di Footer saya coba pisah2kan script nya, mudah2an bisa lebih jelas (atau lebih rumit) [quote]//variable linkStyle //$$('flo_wrapper a') <- MooTools Selector sama dengan W3C dom element dibawah : //document.getElementById('flo_wrapper').getElementsByTagName('a') <- W3C dom element [b]var linkStyle = $$('#flo_wrapper a');[/b] //menerapkan fungsi dari variable linkStyle kepada setiap element yang sudah terpilih (<a> tag di #flo_wrapper) [b]linkStyle.each(function(element) {[/b] //variable fx untuk MooTools [url=http://docs.mootools.net/Element/Element.Style]Fx.Style[/url] //duration:230 = durasi effect dalam 230 milisecond //wait:false = delay antara mouseleave sesudah mouseenter event selesai (konfigurasi [i]true/false[/i]) [b]var fx = new Fx.Styles(element, {duration:230, wait:false});[/b] //fungsi event mouseenter / mouseover [b]element.addEvent('mouseenter', function(){[/b] //fx.start = memulai effect dari event mouseenter (saat mouse diarahkan ke link) [b] fx.start({ 'color': '#ffffff' //color = css property }); });[/b] //fungsi event mouseleave/mouseout [b] element.addEvent('mouseleave', function(){ fx.start({ 'color': '#585858' }); }); });[/b][/quote] selengkapnya dokumentasi mootools : http://docs.mootools.net/ penjelasan $(dollar) selectors : http://solutoire.com/2007/09/20/understanding-mootools-selectors-e-and-es/