Hai,kali ini saya akan menulis tutorial tentang bagai mana caranya membuat tulisan berjalan/running text dengan coding HTML.sering kali kita melihat tulisan berjalan di televisi,blog,media-media lainnya.Di HTML disebut dengan marquee banyak model tulisan berjalan hanya dari bahan marquee,tinggal kitanya saja bagaimana mengkreasikan fungsi-fungsi yang sudah ada.Untuk Penerapan,penggunaan,dan penjelasan fungsi-fungsi element HTML silahkan simak cara berikut ini:
Tabel Atribute marquee dan penjelasan
| 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 |
Code HTML:
<marquee>TEXT HERE</marquee>Hasil:
jika ingin merubah gerak tulisan diperlukan fungsi-fungsi lain
2.Pengulangan Menggunakan Attribute Loop
Code HTML:
<marquee loop="5">TEXT HERE</marquee>Hasil:
penjelasan Attribute(Pengulangan) angka ="5" (jumlah pengulangan) jadi text berjalan berulang hingga 5 kali, jika kita menulis ="infinite" maka text akan berulang tanpa batas,minimal penulisan pengulangan minimal 1 angka.
3.Attribute scrolldelay
Code HTML:
<marquee scrolldelay="500">TEXT HERE</marquee>Hasil:
penjelasan element scrolldelay,kode ini mengatur 0.5 detik/ (500) delay saat berjalan,jika ingin mengubah ke 1 detik,rubah hingga angka hingga 1000.
4.Attribute scrollamount
Code HTML:
<marquee scrollamount="10">TEXT HERE</marquee>
Hasil:penjelasan Attribute scrollamount,kode ini mengatur kecepatan berjalan text semakin besar angka semakin cepat juga scrollnya.
5.Attribute direction
Code HTML:
<marquee direction="up">text ke atas</marquee>
<marquee direction="left">text ke kiri</marquee>
<marquee direction="right">text ke kanan</marquee>
<marquee direction="down">text ke bawah</marquee>Hasil:
penjelasan Attribute direction,kode ini mengatur arah text yang akan berjalan.
4.Attribute scrollamount
Code HTML:
<marquee scrollamount="10">TEXT HERE</marquee>
Hasil:penjelasan Attribute scrollamount,kode ini mengatur kecepatan berjalan text semakin besar angka semakin cepat juga scrollnya.
terimakasih sudah mampir :D
0 Response to "Cara Membuat Tulisan Berjalan di HTML"
Post a Comment