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>

Tweet