rss

Pemahaman Efek Marquee

Marquee merupakan suatu program HTML yang berfungsi untuk mengolah teks yang bisa bergerak atau berjalan. Program marquee ini banyak di pakai dalam web maupun blog, karena program ini bersifat dinamis dan menarik untuk di lihat, selain itu cukup untuk menghemat tempat pada halaman web atau blog.

Marquee di buat dengan menggunakan tag &marquee> ... &/marquee>. Sementara atribut bahasa yang sering di digunakan antara lain :



BGCOLOR = "warna" Untuk mengatur warna background (latar belakang) teks
DIRECTION = "left/right/up/down" --> Mengatur arah gerakan teks
BEHAVIOR = "scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll = teks bergerak berputar
Slide = teks bergerak sekali lalu berhenti
Alternate = teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
TITLE ='pesan" akan muncul saat mouse berada di atas teks
SCROLLMOUNT = "angka", mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY = "angka", untuk mengatur waktu tunda gerakan dalam mili detik
LOOP = "angka|-1|infinite" untuk mengatur jumlah loop
WIDTH = "lebar" untuk Mengatur lebar blok teks dalam pixel atau persen
Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

&MARQUEE align="center" direction="right" height="200"
scrollamount="2" width="30%">


ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .
Contoh marquee dari perilaku gerakan :


&MARQUEE align="center" direction="left" height="200"
scrollamount="3" width="70%" behavior="alternate">


Contoh marquee dengan variasi hurup dan warna latar belakang :


&div align="left">&ltFONT FACE="georgia" color="White">&B>&MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

&/MARQUEE>&/b>&/FONT>&/div>

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.
Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :

&marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">


Contoh marquee yang di dalamnya terdapat link :

&marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

&a href="http:// teknik-blogging.blogspot.com " target="new">tutorial 1 &/a>&br/>

&a href=" http:// teknik-blogging.blogspot.com " target="new">tutorial 2 &/a>&br/>

&a href=" http:// teknik-blogging.blogspot.com " target="new">tutorial 3 &/a>&br/>

&/marquee>

Selamat Mencoba...!!!!

0 komentar:


Post a Comment

Berikan Komentar Anda yang berkualitas agar Komentar anda tidak disebut sebagai 'Junk Comments'. Komentar yang Bernada SPAM, Link Promosi dan lain-lain dengan Sangat Menyesal akan Kami Hapus,
Terima Kasih.

 

Followers