0 test

duduLz Blog

0 Membuat Teks Bergerak dengan Marque dan Blink

Membuat Teks Bergerak dengan Marque dan Blink 

Marquee merupakan perintah untuk menampilkan teks berjalan. Marquee dapat menambah daya tarik pada blog kita. Sebenarnya efek marquee ini adalah kode HTML, dan kita tak terlalu sulit untuk membuatnya.

Model efek marquee ini ada beberapa macam seperti : efek teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dll. efek ini timbul karena adanya beberapa fungsi pandauan attribute. Macam-macam fungsi attribute yang sering dipakai pada Marquee antara lain :

* Behavior, untuk mengatur gaya gerakan pada teks

Altenate yaitu teks bergerak bolak balik
Slide yaitu teks yang bergerak hanya sekali saja
Scroll yaitu teks bergerak kesatu arah secara continue

* Ada 4 arah gerakan yang bisa digunakan yaitu :

Up yaitu teks bergerak keatas
Down yaitu teks bergerak kebawah
Left yaitu teks bergerak kekiri
Right yaitu teks bergerak kekanan

* Face yaitu untuk mengatur font teks seperti : Arial, tahoma, times new roman, comic san ms, dll

* Color yaitu untuk mengatur warna teks, seperti :black, red, yellow, dll

* Widht yaitu untuk mengatur lebar ruangan teks dalam satuan pixel

* Height yaitu untuk mengatur tinggi ruangan teks dalam satuan pixel

* Bgcolor yaitu untuk mengatur warna background

* Scrolldelay yaitu untuk mengatur waktu tunda gerakan dalam satuan mili detik

* Scrolldelay yaitu untuk mengatur kecapatan gerakan dalam satuan pixel

* Loop yaitu untuk mengatur jumlah pengulangan



Berikut contoh-contoh penggunaan efek Marquee :

Contoh 1:
Efek Teks bergerak bolak balik secara horizontal

Selamat mencoba bolak balik horizonta

Code HTML :

<marquee behavior="alternate" bgcolor="pink" direction="right" height="20px" scrollamount="2" scrolldelay="10" width="450px">Selamat mencoba bolak balik horizontal</marquee>

Selamat mencoba bolak balik horizontal


Contoh 2:
Efek Teks bergerak bolak balik secara Vertikal

Selamat mencoba bolak balik vertikal

Code HTML :

<marquee behavior="alternate" bgcolor="red" direction="up" height="100px" scrollamount="2" scrolldelay="10" width="450px">Selamat mencoba bolak balik vertikal</marquee>

Selamat mencoba bolak balik vertikal



Contoh 3:
Efek Teks berjalan kekanan secara Continue

Selamat mencoba bolak balik kekanan continue

Code HTML :

<marquee behavior="scroll" bgcolor="green" direction="right" height="20px" scrollamount="3" scrolldelay="10" width="450px">Selamat mencoba bolak balik Kekanan continue</marquee

Selamat mencoba bolak balik Kekanan continue



Contoh 4:
Model Efek Bounce

Code HTML :

<marquee behavior="alternate" bgcolor="red" direction="up" height="100px" scrollamount="2" scrolldelay="10" width="450px"><marquee behavior="alternate" direction="left" scrollamount="2" scrolldelay="10">Model Efek Bounce</marquee></marquee>

Model Efek Bounce



Contoh 5:
Teks Berhenti Jika Daerah Marquee Disentuh Mouse

Code HTML :

<marquee behavior="alternate" bgcolor="green" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" width="450">Teks Berhenti Jika Daerah Marquee Disentuh Mouse&nbsp;&nbsp;</marquee>

Teks Berhenti Jika Daerah Marquee Disentuh Mouse  



 Blink ( Teks Berkedip)

Code Html :

<blink> Teks Berkedip-kedip</blink>

Teks Berkedip-kedip 

 Blink juga bisa di gabungkan dengan Marque,
tergantung kreativitas kalian, ;)
SELAMAT MENCOBA!