Minggu, 27 Mei 2012

MEMBUAT MARQUEE

Marquee adalah effek gerak, tujuannya membuat tulisan atau gambar jadi bergerak.
  1. Contoh :
    Tulisan menggunakan behavior="slide". (sampai di pinggir berhenti).
    Tulisan menggunakan behavior="scroll". (berputar)
    Tulisan menggunakan behavior="alternate". (bolak-balik).

    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.
  2. Contoh lagi :
    Tulisan menggunakan direction="up"

    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"
  3. Memberi background Warna
    tulisan dengan 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
  4. Mengubah kecepatan
    Kecepatan rendah

    Kecepatan sedang

    Kecepatan tinggi

    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 !!


  5. Marquee untuk gambar
    smile

    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.
  6. Marquee untuk gambar dan tulisan
    smileYesus mengasihimu

    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.



.


.

Tidak ada komentar:

Posting Komentar