Kamis, 16 Januari 2014

Cara bikin Teks Marquee/bergerak

mau teks kamu kayak gini ?


my-sro.blogspot.com;

gampang kok banyak juga variasinya,, cekidot .....

1. versi 1.0

my-sro.blogspot.com;

di versi ini teks bergerak dari kanan ke kiri doang

Tag Html
<marquee>Teks kamu</marquee>

2. versi 1.0.1

nah di versi ini sama kayak yg ke 1.0 tapi bedanya versi ini yaitu klo mouse cursornya diarahin ke teks maka teks nya berhenti jalannya

Tag Html
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Anda</marquee>

3. versi 1.0.2

di versi ini teksnya bergerak dari kiri ke kanan, cocok banget kalo buat huruf arab

Tag Html
<marquee direction="right">Teks Anda</marquee>

4. versi 2.0

nah marquee versi ini kerjaannya bolak balik aja :D

Tag Html
<marquee behavior="alternate">Teks Anda</marquee>

5. versi 2.0.1

ini marquee sama kayak versi sebelumnya, tpi ini ditambahin scrollamount, jadi ini lebih agresif gitu :D

Tag Html 
<marquee behavior="alternate" scrollamount="18">Teks Anda</marquee>

6. versi 2.0.2

di versi ini sama juga kayak versi 2.0 tapi versi ini teksnya bisa diberhentiin dengan ngearahin cursor mouse ke teksnya :3

Tag Html
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Anda</marquee>

7. versi 3.0

di versi 3.0 ini marquee mengarah ke atas :3 pucuk pucuk pucukkkkkk~~

Tag Html
<marquee direction="up">Teks Anda</marquee>

8. versi 3.0.1

versi ini sama seperti versi 3.0 dengan tambahan teks bisa berhenti dengan mouse dan scrollamountnya di perlambat,, nahh  tetapi teks memiliki batas ruang,, jadi dibatesi tinggi(height)-nya jadi 100 saja,,

Tag Html
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">Teks Anda</marquee>

9. versi 3.0.2

versi ini lanjutan dari versi sebelumnya tapi teks ini muncul pada tengah ruang

Tag Html 
<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">Teks Anda</marquee>

10. versi 3.0.3

versi ini juga pengembangan dari versi sebelumnya, hanya saja arah nya berbalik jadi ke bawah.. scrollamountnya tidak di batasi jadi terlihat agresif gitu,, kalo mu lambat perlambat sndiri yaa :p

Tag Html
<marquee direction="down" width="100%" height="100">Teks Anda</marquee>

nahh sudah dulu ya semoga cara ini bermanfaat bagi kalian... salam blogger and keep blogging ^^b

0 komentar:

Posting Komentar

 

SELAMAT BERKREATIF!!

Translate This Blog

Copyright © 2013. Let's Show Our Creativity - All Rights Reserved
Distributed By Blogger Themes | Template Created by BTDesigner Published by Super Cool Templates
Proudly powered by Blogger