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…
Selamat Mencoba Ya…
Thanks for reading & sharing Agus Nur Ikhsan
0 komentar:
Posting Komentar