Marquee html code

"Marquee" atau dgn kata lainnya membuat scrolling atau teks yang bergerak samada dari kiri ke kanan atau sebaliknya dan dari atas kebawah atau sebaliknya.Teks yang bergerak secara horizontal atau vertical ini boleh juga digabungkan dengan masa, warna,saiz dan kelajuan.Baiklah, jika anda berminat sila ikuti tutorial html dibawah..

Contoh 1

<marquee bgcolor="#e5f3ff">Teks bergerak dari kanan ke kiri secara default.</marquee>

Teks bergerak dari kanan ke kiri secara default.

*Disini, secara default teks bergerak dari kanan ke kiri berterusan dengan kotak background bewarna #e5f3ff.Pilih kod warna

Contoh 2

<marquee behavior="alternate" width="80%" bgcolor="#e5f3ff">Bouncing text menggunakan fungsi alternate.</marquee>

Bouncing text menggunakan fungsi alternate.

*Disini,teks bergerak secara vertical bouncing dengan kotaknya berkurangan 80%

Contoh 3

<marquee scrolldelay="150" direction="up" width="300px" height="100px" bgcolor="#e5f3ff">Teks bergerak keatas.</marquee>

Teks bergerak keatas.

*Disini,kelajuannya (scrodellay) "150".Anda boleh kurangkan lajunya dengan tinggikan nilai angka tersebut.Lebih tinggi nilai angka ,lajunya berkurangan.Jika anda ingin teksnya bergerak kebawah, tukar direction="up" dengan down.

Contoh 4

<span style="color:#F6358A; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#e5f3ff">teks bergerak dari kiri ke kanan.</marquee></span>

teks bergerak dari kiri ke kanan.

*Disini, teks bergerak dari kiri ke kanan dengan kombinasi warna merah(#F6358A).Kelajuan dikawal oleh tag scrollamount.Lebih besar nilainya,maka kelajuan akan bertambah.

Contoh 5

<span style="color:#00FF00; font-size:xx-large; font-family:fantasy; font-weight:bold;"><marquee direction="right" scrollamount="3" bgcolor="#262626">Teks bergerak dari kanan ke kiri.</marquee></span>

Teks bergerak dari kanan ke kiri.

*Disini,warna teks hijau(#00FF00)dan font-size (xx-large).Font saiznya boleh ditukar dengan xx-small, x-small, small, smaller, xx-large, x-large, large, larger, atau dalam nilai %.

Contoh 6

<marquee bgcolor="#e5f3ff" onmouseover="this.stop()" onmouseout="this.start()">Bila mouse kena pada Teks ia akan berhenti, dan bila mouse di alihkan, teks akan bergerak semula.</marquee>

Bila mouse kena pada Teks ia akan berhenti, dan bila mouse di alihkan, teks akan bergerak semula.

*Disini, ringkas fungsinya adalah "Pause/Stop and Start a Scroll"

Mungkin artikel dibawah yang sedang anda cari