Blog Arozaq >> Blog Tempat Arozaq Berbagi Ilmu >> Dengan Blog Kita Sukses >> Blog Arozaq >> Tempat Berinspirasi Menuahkan Semua Isi Fikiran dan Semoga Bermanfaat

Monday, August 16, 2010

Home » » » Image dalam Kode Marquee

Image dalam Kode Marquee

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>


Related Posts by Categories



Widget by arozaq.com

No comments:

Post a Comment