Pada tutorial sebelumnya Membuat Text Bergerak II (Efek Marquee). Kali ini saya mau share cara membuat efek marquee bagian ke II yaitu akan diam dan bergerak (Stop and Start) saat delewati cursors mouse, sekaligus cara memasukkan link ka dalamnya. Untuk cara membuat dan menerapkannya juga masih sama, hanya beberapa bagian kode sedikit berubah, perhatikan kodenya sebagai berikut :
<marquee bgcolor="#cccccc" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" behavior="alternate" width="100%" height="100" align="center">Welcome To Odyckdnero</marquee>
Jadi di sini ada penambahan kode (Warna Merah) onmouseover="this.stop()" onmouseout="this.start()", artinya efek marquee akan diam (Stop) saat cursors mouse berada dalam area Marquee, dan akan begerak (Start) kembali saat cursors mouse menjauhi area tersebut. Hasilnya akan seperti berikut, silahkan arahkan cursors mouse anda ke dalamnya.
Di atas dengan arah bolak - balik (Warna Orange pada kode) behavior="alternate", silahkan ganti arah geraknya sesuai keinginan (warna orange) seperti pada tutorial sebelumnya [Membuat Text Bergerak II (Efek Marquee)], berikutnya contoh dengan arah bolak - balik atas bawah, perhatikan kodenya saya tambahkan direction="up" setelah kode behavior="alternate"
<marquee bgcolor="#cccccc" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" behavior="alternate" direction="up" width="100%" height="100" align="center">Welcome To odyckdnero</marquee>
Dan hasilnya akan seperti berikut
Berikutnya Tips memasukkan Link kedalam text tersebut, buat anda yang sudah terbiasa tentu sudah faham caranya, sekedar tambahan saja buat yang belum tahu, yaitu dengan menyelipkan tag seperti berikut
<marquee bgcolor="#cccccc" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" behavior="alternate" direction="up" width="100%" height="100" align="center"><a href="http://odyckdnero.blogspot.com/" target="new">Welcome To Odyckdnero</a></marquee>
Ganti kode warna merah dengan link yang ingin anda selipkan dan warna biru untuk judul linknya dan hasilnya akan seperti berikut
Dengan mengklik text tersebut anda akan diarahkan ke link yang akan dituju. Selamat mencoba membuat efek text marquee.
Beri Kami +1 Agar Terus Semangat Menulis Untuk Anda :
Hati-Hati Jika ingin Copy-Paste (15 Blog Sudah TERHAPUS Akibat DMCA Takedown)..!
Pastikan Menyertakan Link Aktif Dofollow Dengan URL :
http://odyckdnero.blogspot.com/2012/01/membuat-text-bergerak-iii-efek-marquee.html
0komentar:
Post a Comment
*Silahkan tinggalkan komentar, saran atau kritik sesuai topik untuk kemajuan blog ini.
*Komentar anda secepat mungkin direspon, karena saya tidak selalu online.
*KOMENTAR TIDAK SOPAN, BERIKLAN, VULGAR, MELECEHKAN, SARA atau PROVOKATIF akan dianggap SPAM, dan berakhir di Tong Sampah..!!!