Efek Marquee atau tulisan berjalan ini sering digunakan untuk ucapan selamat datang yang di pasang di header, tapi banyak juga yang dipasang di sebuah postingan. Cara nya ga rumit kok sob, cuma menambahkan beberapa kode di antara teks tersebut. Silahkan lihat keterangan - ketarangan dibawah ini :
Efek tulisan berjalan / bergerak ke atas
<marquee behavior="scroll" direction="up" height="30"> Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak lambat
<marquee behavior="scroll" scrollamount="1" scrolldelay="32">Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak namun berhenti saat dilewatai cursor mouse
<marquee onmouseout="this.start()" onmouseover="this.stop()">Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak zig-zag
<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right"> Tulisan sobat disini</marquee></marquee>
Efek tulisan berjalan / bergerak ke kanan
<marquee behavior="scroll" direction="right">Tulisan Tulisan sobat disini</marquee>
<marquee behavior="scroll"><img height="84" src="Url%20gambar%20yang%20akan%20ditampilkan" width="110">Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak memantul
<marquee behavior="alternate" width="300"> Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak bounching
<marquee behavior="alternate" direction="up" height="100" width="300"><marquee behavior="alternate" direction="right">Tulisan sobat disini</marquee></marquee>
Teks yang berwarna merah silahkan kalian ganti dengan teks kalian masing - masing
Dibawah ini adalah contoh - contoh dari efek marquee ini :
Efek tulisan berjalan / bergerak ke atas
Efek tulisan berjalan / bergerak lambat
Efek tulisan berjalan / bergerak namun berhenti saat dilewati cursor mouse
Efek tulisan berjalan / bergerak zig-zag
Efek tulisan berjalan / bergerak ke kanan
Efek tulisan berjalan / bergerak memantul
Efek tulisan berjalan / bergerak ke kanan dengan gambar
Efek tulisan berjalan / bergerak bounching
Refrensi >> bloggertutorialblog.blogspot.com
No comments:
Post a Comment