Wednesday, March 26, 2014

Script CodeText Berjalan Pada HTML

 fufufufu ~ hallo , postingan saya pada kesempatan ini akan membahas mengenai bagai mana cara membuat Text HTML di web dapat berjalan . langsung aja ke pembahasan :D


Teks tulisan berjalan atau marquee biasanya ditempatkan dibagian atas atau bawah blog dan sedikit sekali yang memasangnya dibagian sidebar atau bagian kanan kiri blog. Membuat tulisan teks berjalan dengan fungsi marquee ini memiliki beberapa efek kriteria atau karakteristik dalam tampilannya. Seperti efek berjalan secara umum, berjalan dengan efek berkedip, dan berjalan dengan efek berhenti jika disorot dengan kursor. Beberapa efek tersebut bisa anda lihat seperti Demo berikut ini

Teks Tulisan Berjalan Dari Kanan Ke Kiri Teks Tulisan Berjalan Dari Kiri Ke Kanan Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip
Lalu bagiamana cara membuat tek tulisan berjalan di blog dengan beberapa efek selain seperti diatas :

Teks Tulisan Berjalan Dari Kanan Ke Kiri
Kode :
<marquee direction="left" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kanan Ke Kiri</marquee>

Teks Tulisan Berjalan Dari Kiri Ke Kanan
Kode :
<marquee direction="right" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Kiri Ke Kanan</marquee>

Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip
Kode :
<marquee direction="right" scrollamount="2" align="center"><blink>Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip</blink></marquee>

Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan
Kode :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan</marquee>

Teks Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri
Kode :
<marquee direction="right" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri</marquee>

Teks Tulisan Berjalan Dari Atas Ke Bawah
Kode :
<marquee direction="down" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Atas Ke Bawah</marquee>

Teks Tulisan Berjalan Dari Bawah Ke Atas
Kode :
<marquee direction="up" scrollamount="2" align="center">Teks Tulisan Berjalan Dari Bawah Ke Atas</marquee>

Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah
Kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Teks Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah</marquee>

Teks Tulisan Berjalan Zig Zag
Kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">Teks Tulisan Berjalan Zig Zag</marquee></marquee>

Teks Tulisan Berjalan Zig Zag
Kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">Teks Tulisan Berjalan Zig Zag</marquee></marquee>

Teks Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse
Kode :
<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="down" width="100%" height="100" align="center">Teks Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse</marquee>

Kode :
<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="2" direction="right" width="100%" height="100" align="center"><a href="/">Teks Tulisan Berjalan Dengan Link Url</a></marquee>

Keterangan :
ada beberapa fungsi yang hubungannya saling terkait :
Direction     : Mengatur arah gerakan teks = left, right, up dan down
Scrollmount : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align           : Mengatur posisi teks = left, right, center, justify
Behavior     : Mengatur gerakan teks = scroll, slide, alternate

0 comments:

Post a Comment