• ARCHIVES 
  • » sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

Pages: 12

sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

gumscumbag
» FTalker
FTalk Level: zero
113
0
1969-12-31

sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=http://theftalk.com/t24681-Rainbow-Text-When-Hovered.html]Rainbow Text[/url], tapi hanya 1x perubahan warna saja. mudah2an ga repost yah, kalau repost mohon maap dan delete sajah. pertama2 buka halaman profile kamu, terus copas code di bawah ke [b]addressbar[/b] lalu tekan enter. [quote]javascript:alert(MooTools.version);[/quote] kalau misalnya ada jawaban alert `[b]1.1[/b]` berarti ga usah menambah script MooTools nya. langsung aja perhatikan script dibawah ini : [spoiler] [quote][b]window.onload = function() {onProfileLoad();}[/b][/quote] [b]code 1 :[/b] buka main js kamu dan ubah fungsi window.onload nya menjadi seperti ini: [quote]window.onload = function() { onProfileLoad(); var linkStyle = $$('#flo_wrapper a'); linkStyle.each(function(element) { var fx = new Fx.Styles(element, {duration:230, wait:false}); element.addEvent('mouseenter', function(){ fx.start({ 'color': '[b]#ffffff[/b]' }); }); element.addEvent('mouseleave', function(){ fx.start({ 'color': '[b]#585858[/b]' }); }); }); }[/quote] cocokan warna mousenter(hover) dan mouseleave(out) dengan profile kamu. mouseleave color = warna original sebelum perubahan [/spoiler] kalau misalnya ga ada jawaban alert, tambahkan script MooTools di bagian [b]A[/b] sesuai referensi bang [b]Kanal[/b] [spoiler] [quote]//script loader var script1 = document.createElement("script"); script1.type = "text/javascript"; script1.src = "http://images.friendster.com/200807C/js/mootoolsv11.js"; document.getElementsByTagName("head")[0].appendChild(script1);[/quote] lalu ubah fungsi window.onload menjadi seperti [b]code 1[/b][/spoiler] [url=http://profiles.friendster.com/60643239]Demo 1[/url] FF2+ & IE7 [url=http://profiles.friendster.com/gumscumbag]Demo 2[/url] FF2+
yondaime4th
» FTalkFreak
FTalk Level: zero
1797
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

orang pertama kah saya. . oia saya mw tanya, efek kodenya berada dimana ya :thumbsup: kok saya ga liat apa2 :paranoid:
kiddy
» Banned
FTalk Level: zero
4822
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

@atas aa coba hover ke tulisan di samping pic primary deh... mungkin itu.. tadi aa nyobanya ke fs tst dia yang ujungnya nomor2 deh.. sumpah... masih lier....alias bingung... bisa diperjelas lagi??

Last edited by kiddy (2008-07-26 05:58:58)

teguh0203
» FTalkAgent
FTalk Level: zero
2408
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

owh mirip rainbow text toh... thanks for sharing y =) tapi apa gak ribet amat tuh? :D
Afzulnizam
» SuperFTalker
FTalk Level: zero
8122
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

^ya sama donk..masih bingung...udah pusing.. bisa jelasin lebih detail
ago
» FTalkManiac
FTalk Level: zero
835
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

thanks forshare agak binun tapi saya coba dulu..
ymm0t
» FTalkGeek
FTalk Level: zero
1020
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

Ini tujuan scriptnya apa? :paranoid: Bingung.....
aris43
» FTalkManiac
FTalk Level: zero
793
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

oooo tau dechh kl linknya udh di sentuh maka warnanya udh beda gt yachhh :paranoid:
gumscumbag
» FTalker
FTalk Level: zero
113
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

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/
kiddy
» Banned
FTalk Level: zero
4822
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

@aris43 klo efeknya seh ngerti.. cara pengunaannya itu yang ditanyakan...
D_Kills
» FTalker
FTalk Level: zero
275
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

keren bro.... thx 4 share... terus berkarya.... happy tweaking's
youjizz
» FTalker
FTalk Level: zero
160
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

mauph bro mo tanya,, efeknya ada dimana bro??? masih bingung juga nich???:wallbash::wallbash::wallbash:
gumscumbag
» FTalker
FTalk Level: zero
113
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

@youjizz effectnya di setiap Anchor tag [b]<a>[/b] yang ada di table#[b]flo_wrapper[/b]. [quote=aris43]oooo tau dechh kl linknya udh di sentuh maka warnanya udh beda gt yachhh :paranoid:[/quote]
kiddy
» Banned
FTalk Level: zero
4822
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

[quote=youjizz]mauph bro mo tanya,, efeknya ada dimana bro??? masih bingung juga nich???:wallbash::wallbash::wallbash:[/quote] coba deketin mouse'e ke tulisan2 yang ber-link.. =D
kuntilanak
» FTalkElite
FTalk Level: zero
4412
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

ha ha ha keduluan lage nih.... :cry: yah yah yah.... gak papa seh.... sekarang temen temen pada jago script... kemajuan itu bagus dari pada kemunduran... ok thanks for share my friend... 2-0 untuk mu [b]threat starter[/b] Im looser until now
EbengMaya
» FTalkFreak
FTalk Level: zero
1890
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

hehe kunti kok nyerah gt aja :D semangat dong i'll try this trick and keep kreatif bro :thumbsup:
robbinhood
» FTalkAgent
FTalk Level: zero
2140
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

waduuuh, keren bener niy thread ,,, ku ja gak pernah punya thread satupun ... kecuali yang di siggy, itu juga bukan disini thread nya =( maklum newbie, tapi salut dey buat TS :D:thumbsup:
kuntilanak
» FTalkElite
FTalk Level: zero
4412
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

[b]:arrow: EbengMaya[/b] masalahnya aku terlalu hati hati untuk ngedit script bang... biar enak untuk di pakai... [b]:arrow: robbinhood[/b] master FS ada di sini juga.... thanks bro
sueb182
» FTalker
FTalk Level: zero
137
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

ap nih? pripiu nya kaga jalan??
D_Dying
» FTalker
FTalk Level: zero
187
0
1969-12-31

Re: sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

krEn bro... truz berkarya.....
  • ARCHIVES 
  • » sayah mau share lagi nih, kali ini CSS effect dengan menggunakan MooTools Javascript Framework. nah sekarang kita akan tambahkan effect perubahan warna pada link (hover). effect nya mirip dengan [url=

Pages: 12

Board footer

© 2024 F Talk

Current time is 23:45

[ 10 queries - 0.027 second ]
Privacy Policy