Cara Membuat Effect Marquee

Assalamualaikum sahabat sehati,

Semoga sahabat selalu dalam lindungan Allah SWT... (amien ya robb..)
Baiklah, blog ini anti basa-basi, hehe ..
Mungkin sahabat semua bertanya, apa itu Effect Marquee ?
Berikut contohnya :

Dibawah ini adalah perintah efek marquee default :

<marquee>contoh kata kata sahabat disini</marquee>

dan hasilnya akan nampak seperti ini :
contoh kata kata sahabat disini

Contoh diatas adalah perintah marquee yang tanpa embel embel lainnya..
Seumpama sahabat sekalian ingin menempatkan dalam halaman yang lebarnya sekian atau tingginya sekian, maka perlu ditambahin embel embel width: lebar dan height: tinggi dan masih banyak lagi embel embel lainnya. Tapi tenang aja, karena saya akan bahas satu persatu mengenai embel embel tersebut..

Coba sahabat sekarang lihat contoh script dibawah ini, baru penjelasannya dibawahnya :
<marquee behavior='alternate' bgcolor='#ADFF2F' scrollamount='8' width='400px'><span style='color:red'>tulisan sahabat taruh sini</span>
</marquee>


Hasilnya akan nampak seperti ini :
tulisan sahabat taruh sini


keterangan :
• behavior= adalah untuk mengatur perilaku gerakan, untuk kasus contoh diatas adalah 'alternat' yaitu bergerak bolak balik dari kiri kekanan/sebaliknya, nah jika sahabat pengen perintah perilaku yang lainnya seumpama bergerak sekali saja lalu berhenti adalah 'slide' atau 'scroll' yaitu bergerak berputar .. nah sahabat bisa mencobanya sendiri ntar satu satu biar tau dengan jelas dan puas... hehehe..
• bgcolor: adalah untuk mengatur warna background. Bisa sahabat isi sesuai yg sahabat inginkan.
• scrollamount= adalah perintah kecepatan gerakan, jika sahabat ingin lebih cepat maka anda perbesar jumlah angkanya dan sebaliknya jika pengen diperlambat.
• width: adalah perintah untuk membuat lebar, jika ingin ditambahkan bisa di dtambahin height: yaitu untuk ukuran tinggi.
• dan yang terakhir adalah span color: yaitu untuk mengatur warna text yang bergerak.

Selanjutnya lihat juga contoh yang berikutnya yaitu :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="170" height="100" >kata kata sahabat disini
kata kata sahabat disini
kata kata sahabat disini
kata kata sahabat disini
kata kata sahabat disini</marquee>



Dan berikut hasilnya :
kata kata sahabat disini
kata kata sahabat disini
kata kata sahabat disini
kata kata sahabat disini
kata kata sahabat disini

keterangan :
• onmouseover="this.stop()" : adalah perintah yang mana jika mouse sahabat letakkan diwilayah area teks yang sahabat berikan efek marquee akan berhenti bergerak.
• onmouseout="this.start()" : adalah kebalikan dari diatas, yaitu jika mouse sahabat lepaskan lagi maka akan kembali bergerak.
• direction="up" : adalah untuk mengatur perintah berjalan kearah atas. Jika ingin kearah bawah ganti kata "up" dengan kata "down"
• keterangan selebihnya seperti diatas yah..

Sekian info dadakannya sahabat ...
Terima kasih buat sahabat kita Ayiek yang sudah berkenan untuk berbagi ...

Read More...

Artikel Terkait:

Related Posts by Categories