MEMBUAT MARQUE ATAU TEKS BERJALAN
Marquee adalah teks berjalan dalam bahasa html. Kalo kita lihat marquee menurut semantik sepertinya ga ada hubungan dengan teks berjalan, tapi kalo diperhatikan lagi, memang ga ada hubungannya hehehe (sepertinya). Tapi kalo kita mau perhatikan lebih dalem dan dalemmm lagi, Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap
dimuka pintu masuk sebuah gedung”
Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini kang fatur beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan kang fatur dalam memberi penjelasan. Plus tambahan kang fatur sertakan kode html yang diperlukan, Para sobat tinggal mengganti teks yang ada dalam kode tersebut maksudnya teks yang akan di buat marque sama para sobat.
MARQUEE 1.0
Kode HTML nya :
Berikut ini contoh-contoh sebagian kecil penggunaan marquee pada teks. Sengaja marquee-marquee di bawah ini kang fatur beri title mulai marquee 1.0 sampai 3.0.3, tidak ada keistimewaan dari penamaan tersebut, hanya untuk memudahkan kang fatur dalam memberi penjelasan. Plus tambahan kang fatur sertakan kode html yang diperlukan, Para sobat tinggal mengganti teks yang ada dalam kode tersebut maksudnya teks yang akan di buat marque sama para sobat.
MARQUEE 1.0
Marquee 1.0 ini merupakan marquee standar agar teks Anda bisa berjalan secara default (dari kanan ke kiri).
Kode HTML nya :
<marquee>http://caksura.blogspot.com</marquee>
MARQUEE 1.0.1
Marquee 1.0.1 adalah pengembangan dari 1.0, keistimewaannya jika Sobat arahkan mouse pada teks tersebut maka dia akan istirahat dan berhenti dari perjalanannya yang panjang.
Kode HTML nya :
<marquee onmouseover="this.stop()" onmouseout="this.start()">http://caksura.blogspot.com</marquee>
MARQUEE 1.0.2
Marquee 1.0.2 jika Anda menggunakan teks Arabic yang dimulai dari kanan ke kiri, maka Anda membutuhkan Marque ini yang berjalan sebaliknya; dari kiri ke kanan.
Kode HTML nya :
<marquee direction="right">http://caksura.blogspot.com</marquee>
MARQUEE 2.0
Marquee 2.0 Marquee ini tidak memiliki kemampuan magic seperti David Coperfield marquee sebelumnya yang bisa menembus ruang, Marquee 2.0 ini kerjaannya bolak-balik dari ruang
kode HTML nya:
<marquee behavior="alternate">http://caksura.blogspot.com</marquee>
MARQUEE 2.0.1
Marque 2.0.1 Pengembangan dari marquee sebelumnya, dengan pancingan scrollamount dia menjadi sangat agresif.
Kode HTML nya
<marquee behavior="alternate" scrollamount="18">http://caksura.blogspot.com</marquee>
MARQUEE 2.0.1
Kode HTML nya:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">http://caksura.blogspot.com</marquee>
MARQUEE 3.0
Kode HTML nya :
<marquee direction="up">http://caksura.blogspot.com</marquee>
MARQUEE 3.0.1
Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.
Kode HTML nya:
MARQUEE 3.0
Kode HTML nya :
<marquee direction="up">http://caksura.blogspot.com</marquee>
MARQUEE 3.0.1
Marquee 3.0.1 Pengembangan dari marquee sebelumnya yang tidak mempunyai batas ruang, marquee ini kita batasi ruang kasatnya sehingga memliki height 100 saja. Demikian dengan kemampuan scrollamountnya kita perlambat. Dan kita kasih on mouse stop/start juga.
Kode HTML nya:
<marquee direction="up" onmouseover="this.stop()" width="100%" scrollamount="2" onmouseout="this.start()" height="100">http://caksura.blogspot.com</marquee>
MARQUEE 3.0.2
Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Kode HTML nya :
MARQUEE 3.0.2
Marquee 3.0.2 Masih pengembangan dari marquee sebelumnya, hanya saja teks berada di tengah ruang kasat.
Kode HTML nya :
<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">http://caksura.blogspot.com</marquee>
MARQUEE 3.0.3
Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.
Kode HTML nya :
<marquee direction="down" width="100%" height="100">http://caksura.blogspot.com</marquee>
Yaa mungkin hanya sampai disibni tips sederhana ini, silahkan para sobat coba….! tinggal milih mau yang mana juga. SEMOGA BERMANFAAT
NB : Tulisan yang berwarna merah, bisa kamu ganti dengan tulisn yang kamu mau......
MARQUEE 3.0.3
Marquee 3.0.3 Pengembangan juga dengan arah berlawanan dari marquee sebelumnya, marquee ini senang sekali berjalan menurun. Sehinggan teks yang kita lihat berjalan dari atas ke bawah. Kemampuan scrollamountnya tidak kita batasi sehingga terlihat agresif dengan ruang kasat yang kecil. Silahkan Anda perlambat sendiri.
Kode HTML nya :
<marquee direction="down" width="100%" height="100">http://caksura.blogspot.com</marquee>
Yaa mungkin hanya sampai disibni tips sederhana ini, silahkan para sobat coba….! tinggal milih mau yang mana juga. SEMOGA BERMANFAAT
NB : Tulisan yang berwarna merah, bisa kamu ganti dengan tulisn yang kamu mau......
Komentar :
Posting Komentar