Cara
Membuat Efek Ganda Teks Berjalan :
1.
Bentuk Dasar Penulisan
Kode : Kode html teks
berjalan dituliskan sebagai berikut :
<marquee> Di sini letak teks yang akan ditampilkan
!!! </marquee>
2.
Bentuk Dasar Efek Ganda
ME : Untuk pembuatan efek
teks berjalan mempunyai bentuk dasar penulisan kode html sebagai berikut :
<marquee><marquee> Posisi Teks di sini! </marquee></marquee>
3.
Contoh : Bentuk Kode HTML Efek Ganda ME dalam bentuk yang sebenarnya adalah seperti
contoh berikut ini.
<marquee behavior=”scroll” direction=”left”
scrollamount=”3″>
<marquee behavior=”scroll” direction=”up” height=”60″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
<marquee behavior=”scroll” direction=”up” height=”60″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah atas-kiri
membentuk gerakan menyamping ke kiri dengan sudut 45′ dengan tinggi=60px.
<marquee behavior=”scroll” direction=”right” scrollamount=”3″
width=”200″>
<marquee behavior=”scroll” direction=”up” height=”60″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
<marquee behavior=”scroll” direction=”up” height=”60″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah atas-kanan
membentuk gerakan menyamping ke kanan dengan sudut 45′, tinggi=60px dan lebar
200px.
<marquee behavior=”scroll” direction=”left” scrollamount=”2″
width=”400″>
<marquee behavior=”scroll” direction=”down” height=”50″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
<marquee behavior=”scroll” direction=”down” height=”50″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah bawah-kiri
membentuk gerakan menyamping ke kiri dengan sudut 45′, tinggi=50px, lebar=400px
dan kecepatan=2.
<marquee behavior=”scroll” direction=”left” scrollamount=”3″
width=”400″>
<marquee behavior=”alternate” direction=”up” height=”60″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
<marquee behavior=”alternate” direction=”up” height=”60″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah kiri membentuk
gerakan bounce dengan tinggi=60px, lebar=400px dan kecepatan=3.
<marquee behavior=”scroll” direction=”right” scrollamount=”1″
width=”400″>
<marquee behavior=”alternate” direction=”down” height=”60″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
<marquee behavior=”alternate” direction=”down” height=”60″>
Di sini letak teks yang akan ditampilkan !!!
</marquee></marquee>
Kode HTML di atas akan membuat teks
berjalan kearah kanan membentuk gerakan bounce dengan tinggi=60px, lebar=400px
dan kecepatan=1.
<marquee behavior=”scroll” direction=”right” scrollamount=”2″
width=”400″>
<marquee behavior=”alternate” direction=”up” height=”60″>
<h3>Di sini letak teks yang akan ditampilkan !!!</h3>
</marquee></marquee>
<marquee behavior=”alternate” direction=”up” height=”60″>
<h3>Di sini letak teks yang akan ditampilkan !!!</h3>
</marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah kanan
membentuk gerakan bounce dengan pengatur tinggi (height) dan lebar (width),
kecepatan serta pembentuh teks tebal-besar (h3).
<marquee behavior=”scroll” direction=”right” scrollamount=”2″
width=”400″>
<marquee behavior=”alternate” direction=”up” height=”180″>
<img src=”http://i36.tinypic.com/ml0dah.gif” style=”padding:4px;border:2px solid #444;height:75px;width:150px;”/>
</marquee></marquee>
<marquee behavior=”alternate” direction=”up” height=”180″>
<img src=”http://i36.tinypic.com/ml0dah.gif” style=”padding:4px;border:2px solid #444;height:75px;width:150px;”/>
</marquee></marquee>
ME dengan efect bounce dengan memanfaatkan gambar sebagai
obyek yang ditampilkan .
4.
Behavior=”alternate” : Berfungsi untuk membentuk efek bounce.
5.
Direction : Berfungsi untuk mengatur gerakan teks ke arah
yang diinginkan : arah kanan (right), kiri (left), atas (up) dan bawah (down).
6.
Height dan Width : Untuk mengatur ketinggian dan lebar ME.
7.
Beberapa kode html yang lain bisa ditambahkan untuk mendapatkan
tampilan ME yang lebih cantik, seperti untuk menampilkan dalam sebuah box
misalnya.
8.
Untuk melihat beberapa demo teks berjalan dan mungkin sampeyan
tertarik untuk menjelajahi ratusan tutorial yang lain, silahkan
