Hi teman
kali ini saya akan memberikan beberapa coding untuk membuat animasi untuk text,agar apa?
yh tentu saja agar keren šŸ˜€
untuk mencobanya kalian bisa melakukannya dinotepad dan meletakkannya diantara body
ini dia

1. Cara untuk menampilkan text berjalan dari kanan ke kiri
<marquee>TEXT</marquee>

2. Cara untuk menampilkan text berjalan dari kiri ke kanan
<marquee direction=”right”>TEXT</marquee>

3. Cara untuk menampilkan text berjalan kiri dan kanan
<marquee behavior=”alternate”>TEXT</marquee>

4. Cara untuk menampilkan text berjalan dari bawah keatas
<marquee direction=”up”>TEXT</marquee>

5 Cara untuk menampilkan text berjalan dari atas kebawah
<marquee direction=”down”>TEXT</marquee>

5 Cara untuk menampilkan text berjalan atas kebawah
<marquee direction=”up” behavior=”alternate”>TEXT</marquee>

6 Cara untuk menampilkan text berjalan zigzag
<marquee behavior=”alternate” direction=”up” width=”80%”><marquee direction=”right”>TEXT</marquee></marquee>

7 Cara untuk menampilkan tanda panah ke text
<marquee behavior=”alternate” width=”10%”>>></marquee>TEXT<marquee behavior=”alternate” width=”10%”><<</marquee>

8 Cara untuk menampilkan text berjalan menghilang
<marquee behavior=”alternate”><marquee width=”150″>TEXT</marquee></marquee>

9 Cara untuk menampilkan text berjalan naik turun seperti ombak
<!–<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style=”Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)”><center>TEXT<br>TEXT</center></marquee>–>

10 Yang ini bonus coba saja
<table border=”1″ width=”341″ cellpadding=”1″ height=”260″>
<tr>
<td align=”right”>
<marquee direction=”up” onmouseover=”this.stop()” width=”332″ onmouseout=”this.start()” scrollamount=”2″ height=”250″>
<ul>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
<li><a href=’URL ANDA’ target=”_blank”>Text</a></li>
</ul>
</marquee>
</td>
</tr> </table>

catatan : Jika koding tak berjalan, coba gunakan browser yg lain

Tinggalkan Balasan