Headlines News :
Home » » Cara Membuat Efek Marquee (Teks Berjalan)

Cara Membuat Efek Marquee (Teks Berjalan)

Written By Regina Kim on Sabtu, 23 Juni 2012 | 01.09



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!
Share this article :

0 komentar:

Diberdayakan oleh Blogger.

Google Translate

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Be Smart with science - All Rights Reserved
Template Design by Creating Website Published by Mas Template