Sabtu, 21 Januari 2012

Cara Membuat Gambar Bergerak atau Berjalan

  Agus Nur Ikhsan       Sabtu, 21 Januari 2012
Contoh di bawah ini adalah untuk melakukan link tampilan gambar yang bergerak dan tulisan bergerak membuka nya pada window baru yang ada link nya, sehingga pengunjung tidak meninggalkan web site kita. Seberti contoh di bawah ini….

Yaitu :

1.    Gambar  Bergerak Ke Atas
<!-gerak_atas.html>
<html>
<body>
<div class="widget HTML" id="HTML20">
<div class="widget-content">
<marquee align="up" direction="up" height="150" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="100%">

<img src="http://untagjakarta.ac.id/wp-content/uploads/2012/01/imlek2012-516x300.jpg" width="620px" height="250px" />

</marquee>
</div></div>
</body>
</html>

2.  Gambar Bergerak Ke Bawah        
<!-gerak_bawah.html>
<html>
<body>
<div class="widget HTML" id="HTML20">
<div class="widget-content">
<marquee align="up" direction="down" height="150" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="100%">

<img src="http://untagjakarta.ac.id/wp-content/uploads/2012/01/imlek2012-516x300.jpg" width="620px" height="250px" />

</marquee>
</div></div>
</body>
</html>

3. Gambar Bergerak Ke Kiri
<!gerak_kiri.html>
<html>
<body>
<div class="widget HTML" id="HTML20">
<div class="widget-content">
<marquee align="up" direction="left" height="150" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="100%">

<img src="http://untagjakarta.ac.id/wp-content/uploads/2012/01/imlek2012-516x300.jpg" width="620px" height="250px" />

</marquee>
</div></div>
</body>
</html>


4. Gambar Bergerak Ke Kanan
<!-gerak_kanan.html>
<html>
<body>
<div class="widget HTML" id="HTML20">
<div class="widget-content">
<marquee align="up" direction="right" height="150" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="100%">

<img src="http://untagjakarta.ac.id/wp-content/uploads/2012/01/imlek2012-516x300.jpg" width="620px" height="250px" />

</marquee>
</div></div>
</body>
</html>



NB: Caranya di simpan di notepad dengan nama file yang sesuai dengan yang di atas tapi juga nama lain juga bisa, heheheh.
Selamat Mencoba Ya…

logoblog

Thanks for reading Cara Membuat Gambar Bergerak atau Berjalan

Previous
« Prev Post

Tidak ada komentar:

Posting Komentar