Membuat Teks Berjalan (Marquee) Keren di HTML

Seputar Tutorial HTML | Dalam HTML dasar, ada beberapa perintah khusus yang digunakan untuk memberi efek sebuah tulisan. Baik Blink untuk efek hilang muncul, marquee untuk teks berjalan, straight untuk teks dicoret, dll. Nah kali ini saya akan cerita tentang membuat efek teks  berjalan dengan perintah marquee pada html. Cukup Mudah, untuk membuat teks berjalan keren hanya perlu menambahkan tag di pembuka dan penutup marquee. Berikut contoh perintah sederhana:

memberi efek teks berjalan<marquee> Selamat Datang Di Seputarti.com </marquee>

Untuk memberi efek marquee pada sebuah teks berjalan sangat banyak sekali. kita bisa mengatur jenis huruf pada marquee, mengatur besar huruf, warna huruf, dan background, arah marquee, lebar dan lain-lain. Oke langsung saya kita praktekan memberi efek pada marquee teks berjalan.

Memberi background pada efek marquee

Marquee untuk teks berjalan bisa diberi background warna, baik hijau merah pink,dll.

<marquee bgcolor=”gray”>Selamat Datang Di Seputarti.com</marquee>

Mengatur jenis huruf pada marquee, mengatur warna font pada marquee, dan mengatur besar huruf pada efek marquee:

<marquee bgcolor=”yellow” style=”font-family: Arial; font-size:25px; color:#800C0C;”>Selamat Datang Di Seputarti.com</marquee>

Mengatur arah teks berjalan marquee

Kita bisa memberikan efek marquee untuk teks berjalan sesuai keinginan kita, sebagai contoh untuk arah teks berjalan marquee bisa dari kanan, kiri, atas, dan bawah.

<marquee direction=”left”>Teks berjalan arah ke kiri</marquee>
<marquee direction=”right”>Teks berjalan arah ke kanan</marquee>
<marquee direction=”up”>Teks berjalan arahke atas</marquee>
<marquee direction=”down”>Teks berjalan arah ke bawah</marquee>

Mengatur kecepatan teks berjalan marquee

Teks berjalan marquee bisa saja kita atur kecepatan berjalannya. Baik dari kiri, kanan, atas, dan bawah sama saja satu perintah yaitu

<marquee scrollamount=”12″>Mengatur kecepatan marquee dengan nilai 12</marquee>
 Semakin besar nilai maka semakin lama berjalan teksnya.

Memberi Alt Title pada teks berjalan marquee

Efek ini menampilkan jika kursor berada pada teks yang diberi efek marquee. Bisa berisi pesan atau penjelasa.
<marquee title=”Seputar Teknologi Informasi”>Teks berjalan dengan memberi title judul untuk keterangan</marquee>

Mengatur kecepatan jeda teks berjalan marquee

Teks berjalan bisa diberi efek jeda atau delay selama berjalan. Aneh bukan, tapi itu kenyataannya pada teks berjalan marquee yang mempunyai banyak efek.

<marquee scrolldelay=”500″>Teks berjalan dengan jeda 0,5 detik</marquee>

Memberi link pada teks berjalan marquee

Link juga dapat diberikan pada efek marquee. Jika di klik maka akan mengarah pada link yang dituju.

<marquee><a href=”http://seputarti.com”>Cara memberi link pada teks berjalan marquee</a></marquee>

Mengatur lebar teks berjalan marquee

mengatur lebar teks berjalan pada marquee caranya adalah

<marquee width=”50%”>Teks berjalan hanya setengah bidang</marquee>

Membuat teks berjalan marquee memantul kanan kiri

<marquee bgcolor=”yellow” behavior=”alternate” direction=”left” scrollamount=”6″>Teks Bolak balik dari kanan ke kiri seputarti.com</marquee>

Teks Memantul dari atas ke bawah dengan marquee

<span style=”color: blue; font-size: 20px;”><br /> <marquee scrolldelay=”5″ behavior=”alternate” direction=”up” width=”100%” scrollamount=”2″ height=”70px” bgcolor=”yellow”><marquee scrolldelay=”10″ behavior=”alternate” direction=”left” scrollamount=”2″>Teks marquee memantul dari atas ke bawah,</marquee></span>

UNTUK DEMO Silakan Lihat Disiini:

http://seputarti.com/demo/marquee.html

About Ganang Julianto 253 Articles
Si Anak dari Orang Tua tersayang ingin berbagi ilmu dengan harapan bermanfaat bagi orang lain. Situs SeputarTI.Com ini sebagai salah satu media berbagi saya, khususnya dibidang TI. Salam Kenal dari saya... :-)

Be the first to comment

Leave a Reply

Your email address will not be published.


*