1. marquee yang bergerak ke kanan
kodenya :
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>
2. marquee yang bergerak ke kanan kekiri
kodenya :
<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>
3. marquee bergerak ke kanan perlahan
kodenya :
<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>
4. marquee bergerak ke kanan dan kekiri dan bisa distop
<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>
5. marquee yang bergerak ke atas
kodenya :
<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>
6. marquee bergerak ke atas dan kebawah
kodenya :
<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>
7. Marquee dengan animasi gambar untuk contohnya mohon maaf saya hapus jika sobat ingin melihat hasilnya silahkan kode dibawah ini di copas di blog sobat sendiri
kodenya :
<marquee direction="right" onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'>
<div style="text-align: center;">
<a href="http://qinginbisa.blogspot.com/"><img alt="Download PCMAV Terbaru" height="125" src="http://i517.photobucket.com/albums/u337/Heryan_Tony/pcmav.jpg" width="125" /></a></div>
</marquee>
<marquee direction="left" onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' >
<div style="text-align: center;">
<a href="http://qinginbisa.blogspot.com/2010/03/smadav-81-antivirus-lokal-indonesia.html" target="new"><img alt="Download ANSAV Terbaru" height="125" src="http://i517.photobucket.com/albums/u337/Heryan_Tony/ansav.jpg" width="125" /></a></div>
</marquee>
<marquee direction="right" onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' >
<div style="text-align: center;">
<a href="http://qinginbisa.blogspot.com/" target="new"><img alt="Smadav Terbaru" height="125" src="http://heryantony.com/images/smadav125.gif" width="125" /></a></div>
</marquee>
<marquee direction="left" onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' >
<div style="text-align: center;">
<a href="http://qinginbisa.blogspot.com/" target="new"><img alt="AVG Terbaru" height="125" src="http://heryantony.com/images/avg.jpg" width="125" /></a></div>
</marquee>
Nah seperti itulah sobat semua tulisan berjalannya jika sobat ingin mengcopas silahkan aja, jangan lupa kasih komentarnya yah...
ni trik saya dapatkan dari http://universityofbloggers.blogspot.com dan sudah saya edit ulang, trimakasih semuanya...
copas from : http://qinginbisa.blogspot.com/2010/04/koleksi-cara-membuat-marquee-tulisan.html
0 komentar:
Posting Komentar