Kode Marquee adalah kode untuk membuat text ataupun gambar bisa bergerak / berjalan.


Prinsip dasarnya hanya perlu memasukan kode text / gambar ke dalam kode marquee, kode marquee sendiri adalah <marquee> dan </marquee>


Untuk membuat foto tampil harus menggunakan kode html tambahan ( merah ):
<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />
Contoh :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">

<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />
<br/><br/>
<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />

</marquee>


Hasil :



http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />




http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />


Keterangan :
Kode <br/> untuk memisahkan beberapa buah gambar ( tidak berdempetan ).
Kode onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center" berfungsi ketika mouse menyorot pada gambar akan berhenti dan sebliknya.


Variasi lain dengan memakai bingkai ( kode warna merah )
<table border="10" cellpadding="3" height="105" width="105"/>
<tr>
<td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="102" height="102" align="center">

<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />
<br/>
<img src="http://i961.photobucket.com/albums/ae91/arozaq/mitos.jpg" height="100" width="100" />

</marquee>
</td>
</tr>
</table>


Tambahkan warna background biru dengan menambahkan kode berikut ( biru )
<table border="10" cellpadding="3" height="105" width="105" bgcolor="#b1c3d9" />
<tr>
<td>