Cara Membuat Teks Berjalan (Marquee)

Marquee adalah kata perintah untuk membuat text berjalan .
dan diwah ini adalah beberapa cara menggunaan  marquee secara sederhana
mari kita lihat ::

           

Cara membuat text berjalan dari  kanan ke kiri :
Teks Anda Di sini
Kode HTML :
<marquee>Teks Anda di sini</marquee>

          Cara membuat text berjalan dari kanan ke kiri :
Text Anda Disini 
Kode HTML :
<marquee direction="right">Text Anda Disini </marquee>

        Cara membuat text berjalan dari bawah ke atas :
Text Anda Disini 
Kode HTML :
<marquee direction="up">Text Anda Disini </marquee>

      Cara membuat text berjalan dari atas ke bawah :
Text Anda Disini 

Kode HTML :
<marquee direction="down">Text Anda Disini </marquee>

     Cara membuat text berjalan bolak balik :
Text Anda di sini
Kode HTML :
<marquee behavior="alternate"> Text Anda Disini </marquee>

     Cara membuat text berhenti saat di sorot :
Text Anda Disini
Kode HTML :
<marquee onmouseout="this.start()" onmouseover="this.stop()">  Text Anda Disini </marquee>

Gerakan marquee juga bisa di modifikasi contoh di atas hanya gerakan2 dasar dari maequee saja....


  • Pengaturan Kecepatan Marquee
Anda bisa mengatur kecepatan gerakan text sesuai dengan keinginan, dengan menambah kode perintah "scrollamount "angka kecepatan".
contoh


Kode perintah HTML :
  • <marquee scrollamount="2"><b>Text Anda Disini</b> </marquee> 
  • <marquee scrollamount="3"><b>Text Anda Disini</b> </marquee> 
  • <marquee scrollamount="4"><b>Text Anda Disini</b> </marquee>
Maka hasilnya akan seperti berikut :
Text Anda Disini
Text Anda Disini
Text Anda Disini


  • Pengaturan Ruang Gerak Marquee
Untuk mengatur besar ruang gerak text, baik lebar maupun tingginya agar sesuai dengan keinginan Anda, gunakan kode perintahnya dengan menambah kode  width="angka lebar "danheight="angka tinggi " .

Contoh : 



Text Anda Disini
Text Anda Disini

  • <marquee scrollamount="2"  direction="up" width="80px" height="50px" > <b> Text Anda Disini</b> </marquee>
  • <marquee scrollamount="2"direction="down" width="80px"height="50px"><b> Text Anda Disini</b> </marquee>

0 Response to "Cara Membuat Teks Berjalan (Marquee)"

Post a Comment