Sering kali kita melihat running text / teks berjalan baik itu di layar bawah TV atau media seperti di internet dan lain-lain yang bermaksud mengarahkan pusat perhatian ke arahnya. Dalam dunia blog dikenal dengan nama Marquee, Karena menggunakan kode bahasa HTML marquee.
Banyak model tulisan berjalan dari "bahan" marquee yang dapat kita buat dengan sangat mudah, Karena memang sudah disediakan oleh bahasa HTML itu sendiri. Berikut cara buatnya:
1. Kode dasar marquee
kode ini merupakan bentuk kode dasar, tentunya kamu bisa membuat berbagai attribute lainya sehingga teks bisa terlihat lebih menarik.
membuat tulisan berjalan adalah :
<marquee>TULISAN BERJALAN</marquee>
2. kode direction
kode ini digunakan untuk mengatur arah gerakan tulisan yang diinginkan. Attribute direction memiliki value yang tentu bisa mengubah arah berjalan teks tersebut seperti up yang bisa membuat teks ke arah atas, dan down yang bisa membuat teks ke bawah dan juga ada right dan left.
contoh perintah :
<marquee direction="right">TEKS BERJALAN KE KANAN</marquee>
<marquee direction="up">TEKS BERJALAN KE ATAS</marquee>
hasilnya :
3. kode loop
kode ini digunakan untuk melakukan pengaturan proses pengulangan sebuah marquee. Tinggal atur angka yang akan digunakan lalu teks tersebut akan menghilang dengan angka yang kamu masukkan.
contoh perintah kode marquee :
<marquee loop="5">TEKS AKAN MUNCUL 5 KALI LALU MENGHILANG</marquee>
Hasilnya :
4. kode scrolldelay
kode ini digunakan untuk mengatur waktu delay selama "angka", Jadi bila ingin menunda delay selama 1 detik maka ganti "angka" menjadi 1000, atau bila ingin 0.5 detik maka diganti dengan 500.
Contoh perintah marquee :
<marquee scrolldelay="500">TEKS BERJALAN DAN DELAY SELAMA 0.5 DET</marquee>
hasilnya :
5. kode bgcolor
kode ini digunakan untuk mengatur warna background tulisan berjalan. "warna" dapat diganti menggunakan bahasa Inggris yang menyatakan jenis warna.
Contoh perintahnya :
<marquee bgcolor="yellow">TEXT DENGAN BACKGROUND KUNING</marquee>
hasilnya :
6. kode scrollamount
kode digunakan untuk mengatur kecepatan gerakan tulisan berjalan. Semakin besar "angka" semakin cepat juga gerakannya.
contoh perintah :
<marquee scrollamount="10">Kecepatan Tulisan berjalan 10</marquee>
hasilnya :
7. kode width dan height
kode ini digunakan untuk mengatur lebar dan tinggi media yang akan menampung marquee.
contoh perintah :
<marquee width="50%">LEBAR MEDIA 50 %</marquee>
hasilnya :
8. kode title
kode ini digunakan untuk menampilkan suatu keterangan jika kursor mouse didekatkan pada jalur teks.
contoh perintah :
<marquee title="PESAN DI SINI">MARQUEE berisi pesan tertentu</marquee>
hasilnya :
9. kode behavior
kode ini digunakan untuk mengatur jenis gerakan, Yaitu :
- Scroll bila ingin text berjalan terus ke salah satu sisi
- Slide bila ingin text berjalan tersendat-sendat
- Alternate bila ingin text berjalan seperti memantul
contoh perintah :
<marquee behavior="scroll">MARQUEE BERGERAK KE SISI</marquee>
<marquee behavior="slide">MARQUEE BERGERAK TERSENDAT</marquee>
<marquee behavior="alternate">MARQUEE MEMANTUL</marquee>
hasilnya :
10. kode onmouseover
kode ini digunakan jika ingin tulisan berhenti bergerak jika ada mouse mengenainya.
contoh perintah :
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK BALIK</marquee>
hasilnya :
11. Membuat link di tulisan berjalan
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://caramadia.blogspot.com/2015/08/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></marquee>
| Attribute | Value | Description |
|---|---|---|
| direction | up, down, left, right | untuk mengatur kearah mana teks atau konten akan berjalan. |
| width | px atau % | mengatur lebar konten dari marquee. |
| height | px atau % | mengatur tinggi konten dari marquee. |
| bgcolor | nama warna (red, blue, dst) atau kode warna. | memberi background konten dari marquee. |
| behavior | scroll, slide, alternate | mengatur variasi berjalannya teks atau konten dalam marquee. |
| scrollamount | angka | mengatur kecepatan dari berjalannya teks atau konten. |
| scrolldelay | seconds | mengatur jeda atau perhentian sejenak. |
| align | left, center, right, justify | mengatur posisi teks atau konten pada marquee |
| onmouseover | this.stop() | menghentikan teks yang berjalan saat disorot mouse |
| onmouseout | this.start() | melanjutkan berjalan ketika mouse keluar dari area marquee |
| hspace | px | mengatur jarak spasi kanan kirinya konten |
| vspace | px | mengatur jarak atas bawahnya konten |
| loop | angka atau infinite | menagatur pengulangan dalam mengulangi berjalannya teks atau konten |
0 Response to "Marquee HTML"
Posting Komentar