Text Berjalan atau Marquee

    Mungkin ada sobat yang berminat memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee atau bahasa jawanya Markun. He..he..! "maaf pak markun bercanda." Bahasa apaan tu..? yang jelas Ingrislah.

    Tag yang kita gunakan adalah:

    <marquee>text yang kita inginkan</marquee>

    text yang kita inginkan
    Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa astribut:

    BGCOLOR=warna
    DIRECTION=Mengatur arah gerakan (left,right,up.down)
    BEHAVIOR=karakter gerakan (scrol,slide,alternate)
    scrol(teks bergerak berputar)
    slide(teks bergerak sekali lalu berhenti)
    alternate(teks bergerak dari kiri ke kanan lalu balik)
    TETLE=pesan muncul saat mouse berada di atas teks
    SCROLLAMOUNT=mengatur kecepatan gerakan
    SCROLLDELAY=mengatur tenggang waktu
    LOOP=mengatur jumlah

    Sekarang langsung saja kita pratekkan:

    Dari arah kiri ke kanan
    <marquee direction="right" >dari kiri ke kanan</marquee>

    dari kiri kekanan

    Arah bolak-balik
    <marquee behavior="alternate" >arah bolak balik</marquee>

    arah bolak-balik

    Dari kanan ke kiri dengan kecepatan "15"
    <marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>

    dari kanan kekiri

    Arahkan mouse text berhenti
    <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>

    arahkan mouse text berhenti

    Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

    <marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>

    dari atas ke bawah

    Dengan latar belakang warna
    <marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>


    dari kanan ke kiri


    <div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>


    dengan warna


    Dengan gambar atau foto
    <marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="http://picasion.com/pic12/001e4f5663e28f41208c938e9c7da3cf.gif" /></div></marquee>




    Silahkan dicoba
    0 Komentar untuk "Text Berjalan atau Marquee"

    Back To Top