Kamis, 20 Januari 2011

Membuat Efek Marquee

Apa itu marquee? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan.kode Marquee adalah kode populer karena banyak blogger menggunakan kode ini di blog mereka. efek Marquee dapat membuat dengan menggunakan ...</ <marquee>> tag marquee. Namun marquee hanya bekerja jika dilihat di internet explorer , jika Anda mencari di Firefox itu jelek.



Atribut yang hampir digunakan adalah: 

Bgcolor = "warna" → untuk mengatur warna latar belakang dari suatu obyek (Teks, gambar, .. dll). 

ARAH = "kiri / kanan / atas / bawah" → untuk mengelola arah benda bergerak. 

PERILAKU = "scroll / slide / alternate" → untuk mengelola perilaku objek bergerak. 

→ Geser objek bergerak gulir. 

→ Slide obyek bergerak 1 kali dan kemudian berhenti. 

→ alternatif obyek bergerak dari kiri ke kanan dan kemudian kembali lagi. 

pesan TITLE = '"→ Judul atau pesan akan muncul saat mouse berada di atas teks. 

SCROLLMOUNT = "angka" → untuk mengatur kecepatan marquee, semakin besar jumlah lebih cepat kecepatan. 

SCROLLDELAY = "angka" → untuk mengatur waktu tunda, itu pada kedua. 

LOOP = "angka | -1 | infinite" → untuk mengelola jumlah perulangan. 

WIDTH = "angka" → untuk mengatur lebar objek tenda, itu pada pixel (px) atau persen (%). 

Sehingga jelas saya akan menunjukkan contoh: 

Contoh marquee dari arah: 

<marquee align="center" direction="left" height="200" scrollamount="2" width="100%"> 

ini adalah contoh dari tenda, teks bergerak dari kanan ke kiri 

</ Marquee> 

hasilnya: 
ini adalah contoh dari tenda, teks bergerak dari kanan ke kiri



Ubah kata "kiri" dengan kata lain apa yang Anda inginkan, ada: kanan, atas, bawah. 

Contoh marquee dari perilaku: 

<marquee align="center" direction="left" height="200" scrollamount="4" width="100%" behavior="alternate"> 

ini adalah contoh marquee dari perilaku 

</ Marquee> 

Hasilnya: 

ini adalah contoh marquee dari perilaku

Contoh dari marquee variasi teks dengan warna latar belakang. 

<div align="left"> <font face="georgia" color="White"> <B> <marquee bgcolor="red" width="100%" scrollamount="3" behavior="alternate"> 

Contoh marquee variasi teks dengan warna latar belakang. 

</ Marquee> </ b> </ font> </ div> 

Hasilnya: 


Contoh marquee variasi teks dengan warna latar belakang.


Ada variasi lain dari marquee, yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali tempat lain objek akan bergerak lagi. Untuk membuat efek ini hanya menambahkan beberapa kode pada kode marquee. 

Sebagai contoh, silahkan arahkan mouse komputer anda ke area marquee: 

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

Silahkan arahkan mouse komputer Anda di sini dan anda akan melihat efek 

</ Marquee> 

Hasilnya: 

Silahkan arahkan mouse komputer Anda di sini dan anda akan melihat efek

Contoh marquee dengan link objek: 

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

<a href="http://rubrik-elektronik.blogspot.com" target="new"> rubrik Elektronik </ a> /> <br 

href="http://kolom-tutorial.blogspot.com" <a target="new"> Blog kang Rohman </ a> /> <br 

<a href="http://template-unik.blogspot.com" target="new"> Unik Template </ a> /> <br 

href="http://css-lybrary.blogspot.com" <a target="new"> CSS Library </ a> /> <br 

</ Marquee> 

Hasilnya: 



Rubrik Elektronik 

Blog kang Rohman 

Template Unik 

CSS Library 


Mungkin hanya itu misalnya, silakan menciptakan berbagai efek lain tenda dengan diri Anda. Sampai jumpa di posting berikutnya mungkin. Happy blogging!

SUMBER:http://www.blogspottutorial.com

Tidak ada komentar:

Posting Komentar

LinkWithin

Related Posts Plugin for WordPress, Blogger...

assallamualaikum

matur thank yau
sampun berkunjung ketempat saya
sebelumnya salam kenal za!!!!
semoga ini bermanfaat bwt anda dan anda pun tidak bosen
doa saya semoga dapat menambah ilmu anda.amin

wassalamu'alaikum warohmatullahiwabarakatuh.


Jangan lupa join facebookQ zach,,, biar makin akrab gt!!!!