Blog Ping

Arsip Blog

Kamis, 21 Oktober 2010

Cara Membuat Efek Marquee (Teks Berjalan)

Berikut Beberapa macam efek marque atau teks berjalan:

    * Contoh marque dasar

Kalimat Anda



caranya dengan menambah code berikut:

    <marquee>Kalimat Anda</marquee>

    * Contoh marquee yang berjalan dari kiri ke kanan

Kalimat Anda



    <marquee direction="right">Kalimat Anda</marquee>

    * Berjalan Kekanan dan kekiri tanpa pembatas

Kalimat Anda


Cara menulisnya :

    <marquee behavior="alternate">Kalimat Anda</marquee>

    * Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan tersebut

Kalimat Anda Berhenti saat mouse diatasnya


Cara menulisnya :

    <marquee onmouseover="this.stop()" onmouseout="this.start()">Kalimat Anda</marquee>

    * Ini contoh marquee kanan kiri dengan kecepatan yang bisa di atur dengan menambahkan perintah "Scrollamount"

Kalimat Anda Dengan kecepatan


Cara menulis :

    <marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee>

Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau angka pada kata scrollamout

    * Ini contoh marquee ke atas
      Kalimat anda bergerak keatas

Cara menulis :

    <marquee direction="up">Kalimat Anda</marquee>

    * Kalau sekarang marquee dengan pembatas biasanya untuk kata/kalimat yang berurutan, agar tidak terlalu memakan tempat, bergerak keatas dan akan berhenti saat mouse anda berada diatasnya

Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda


Cara menulis :


    <marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="3" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
    </marquee>

    * Ini kalau ke bawah tanpa kode muoseover

Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda

Cara menulisnya :

    <marquee direction="down" width="200" scrollamount="4" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
    </marquee>

Ini dengan perintah "center" agar tulisan berada di posisi tengah form/bingkai :
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda

Cara menulisnya :

    <center>
    <marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="1" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>
    </marquee>
    </center>

Semoga bermanfaat!

Tidak ada komentar:

Posting Komentar