-"Everything that has a beginning,has an end"-

Jumat, 09 November 2012

.HTML. Tag "marquee" (moving text) dan attribut tambahan

Continuing my previous post.
Still,we talk about HTML.
Begin.....


Tag <marquee> adalah tag HTML yang biasa digunakan untuk membuat tulisan berjalan (moving text)
As You SEE Now. Lol,this code isn't WYSIWYG based program
Now,Let's Begin....
Tag Standar (Basic)
<marquee> Contoh Text </marquee>
Menghasilkan:
Contoh Text


Attribut tambahan 'direction',untuk mengganti arah dari marquee.
Contoh:
<marquee direction="up"> ~LoL~ </marquee>
*note=direction ada 4,yakni "up","down","left","right" 
Menghasilkan
~LoL~

Attribut tambahan behavior,untuk mengatur perilaku marquee.
Contoh:
Behavior="alternate"
<marquee behavior="alternate"> Behavior Alternate,tulisan bolak balik,as you see. </marquee>
Menghasilkan
Behavior Alternate,tulisan bolak balik,as you see.

Behavior="scroll" ,ini akan aktif secara default jika kita tidak memakai behavior di dalam marquee.
<marquee behavior="scroll"> Behavior scroll,text akan muncul berulang dari tempat yang sama. </marquee>
Menghasilkan
Behavior scroll,text akan muncul berulang dari tempat yang sama.

Behavior= "slide" ,text akan berhenti saat sampai diujung batas marquee.
<marquee behavior="slide"> Behavior slide.Hanya 1x lewat,lalu berhenti </marquee>
Menghasilkan
Behavior slide.Hanya 1x lewat,lalu berhenti

Attribut tambahan scrollamount,untuk mengatur kecepatan dalam pixel.
Contoh:
<marquee behavior="alternate" scrollamount="40"> Sooooo Fast! </marquee>
Menghasilkan
Sooooo Fast!

Attribut tambahan loop,untuk mengatur pengulangan.
Contoh:
<marquee behavior="slide" loop="3"> Behavior slide,diulang 3x </marquee>
Menghasilkan
Behavior slide,diulang 3x

Attribut scrolldelay ,mengatur jeda (dalam satuan milisecond. 1detik=1000milisecond)
Contoh:
 <marquee behavior="alternate" scrollamount="40" scrolldelay="500"> Sooooo Fast! often stop? </marquee>
Menghasilkan
Sooooo Fast! often stop?

Attribut spesial (onmouseover + onmouseout).
Coba arahkan pointer ke marquee.What happening? See by Yourself!
Contoh:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="40"> Sooooo Fast Respond! </marquee>
 Menghasilkan
Sooooo Fast Respond!


Well,i think just this for now.
Masih ada beberapa attribut tambahan spesial untuk marquee,tapi nanti untuk posting berikutnya.

See You in My NxT Post 

Tidak ada komentar: