YESUS KRISTUS penebus dosa dan juruselamat dunia ......... CLOSE
Marquee adalah effek gerak, tujuannya membuat tulisan atau gambar jadi bergerak.
Contoh :
Kode HTML-nya adalah :
<marquee behavior="slide" direction="left">
Tulisan menggunakan behavior="slide"
</marquee>
Catatan :
Tulisan warna biru diganti sesuai kebutuhan
behavior=
"slide" bisa diganti dengan "scroll" atau "alternate". Untuk hasilnya lihat demo di atas
Contoh lagi :
Kode HTML-nya adalah :
<marquee behavior="scroll" direction="up">
Tulisan menggunakan direction="up"
</marquee>
Catatan:
Tulisan warna biru diganti sesuai kebutuhan
direction=
"up" bisa diganti dengan "down"
Memberi background Warna
Kode HTML-nya adalah
<marquee bgcolor="#ffcc66"> tulisan dengan background warna</marquee<
Catatan:
Tulisan warna biru diganti sesuai kebutuhan
Untuk pilihan warna yang lain klik di sini
Mengubah kecepatan
Kode HTML-nya adalah:
<marquee behavior="scroll" direction="left" scrollamount="1">
Kecepatan rendah
</marquee>
Catatan:
Rentang kecepatan 1 sampai dengan 20
scrollamount="1" untuk kecepatan rendah
scrollamount="20" untuk kecepatan tinggi
scrollamount="10" untuk kecepatan sedang
Semua bangsa di semua zaman akan dihakimi oleh YESUS KRISTUS. Mereka dihakimi untuk menerima hidup kekal di sorga atau siksa kekal di neraka.
Anda sudah siap ? Yakin selamat ? Percayalah Yesus !!
Marquee untuk gambar
Kode HTML-nya adalah:
<marquee behavior="scroll" direction="left"><img src="
http://webdeveloper.com/animations/holiday/christmas/gifs/carol_singer_1.gif
" width="100" height="100" alt="smile" /></marquee>Catatan:
Tulisan warna biru gantilah sesuai keperluan
http://webdeveloper.com/animations/holiday/christmas/gifs/carol_singer_1.gif adalah alamat gambar
Marquee untuk gambar dan tulisan
Kode HTML-nya adalah:
<marquee behavior="scroll" direction="left"><img src="
http://webdeveloper.com/animations/holiday/christmas/gifs/carol_singer_1.gif
"width="100" height="100" alt="smile" />
Yesus mengasihimu
</marquee>
Catatan :
tulisan warna biru ganti sesuai keperluan
Kombinasi
Kita bisa menggunakan beberapa marquee sekaligus.
Dengan kombinasi kecepatan, ketinggian, dsb kita bisa mendapatkan efek yang artistik. Contoh:
Kode HTML-nya adalah:
<marquee style="z-index:2;position:absolute;left:9;top:23;font-family:Cursive;font-size:14pt;color:0000ff;height:179;"direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:8;top:15;font-family:Cursive;font-size:14pt;color:0000ff;height:328;"scrollamount="4" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:24;top:79;font-family:Cursive;font-size:14pt;color:0000ff;height:311;"scrollamount="1" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:2;top:28;font-family:Cursive;font-size:14pt;color:0000ff;height:116;"scrollamount="2" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:258;top:37;font-family:Cursive;font-size:14pt;color:0000ff;height:273;"scrollamount="3" direction="down">Yesus juruselamat manusia</marquee>
<marquee style=\"z-index:2;position:absolute;left:124;top:48;font-family:Cursive;font-size:14pt;color:0000ff;height:311;"scrollamount="4" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:159;top:81;font-family:Cursive;font-size:14pt;color:0000ff;height:147;"scrollamount="3" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:124;top:1;font-family:Cursive;font-size:14pt;color:0000ff;height:177;"scrollamount="1" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:3;top:86;font-family:Cursive;font-size:14pt;color:0000ff;height:199;"scrollamount="1" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:104;top:113;font-family:Cursive;font-size:14pt;color:0000ff;height:275;"scrollamount="5" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:131;top:8;font-family:Cursive;font-size:14pt;color:0000ff;height:119;"scrollamount="3" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:152;top:110;font-family:Cursive;font-size:14pt;color:0000ff;height:235;"scrollamount="7" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:1;top:24;font-family:Cursive;font-size:14pt;color:0000ff;height:173;"scrollamount="7" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:118;top:114;font-family:Cursive;font-size:14pt;color:0000ff;height:63;"scrollamount="4" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:46;top:23;font-family:Cursive;font-size:14pt;color:0000ff;height:392;"scrollamount="5" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:150;top:61;font-family:Cursive;font-size:14pt;color:0000ff;height:412;"scrollamount="6" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:93;top:97;font-family:Cursive;font-size:14pt;color:0000ff;height:72;"scrollamount="5" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:116;top:76;font-family:Cursive;font-size:14pt;color:0000ff;height:399;"scrollamount="5" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:61;top:7;font-family:Cursive;font-size:14pt;color:0000ff;height:456;"scrollamount="6" direction="down">Yesus juruselamat manusia<marquee>
<marquee style="z-index:2;position:absolute;left:290;top:87;font-family:Cursive;font-size:14pt;color:0000ff;height:160;"scrollamount="7" direction="down">Yesus juruselamat manusia</marquee>
<marquee style="z-index:2;position:absolute;left:63;top:60;font-family:Cursive;font-size:14pt;color:0000ff;height:120;"scrollamount="5" direction="down">Yesus juruselamat manusia</marquee>
KEMBALI KE MENU |
|---|
Tidak ada komentar:
Posting Komentar