Buat Ayat bergerak (Marquee Efect)


CONTOH AYAT BERGERAK...NAMPAK???



Di atas ialah contoh ayat bergerak yang saya maksudkan, jadi bagaimana membuatnya?



Marquee ialah code HTML yang membuat sesuatu bergerak atau berjalan. Marquee code terdiri dari <marquee>...</marquee>. Namun, kesan marque biasanya dapat dilihat menggunakan Internet Explorer dan jika Firefox sekiranya Update version.


Di bawah antara tambahan kod yang biasa di gunakan;

BGCOLOR="color" → untuk  warna background objek (teks, gambar, ..dll).

DIRECTION="left/right/up/down" → untuk arah pergerakan objek .

BEHAVIOR="scroll/slide/alternate" → untuk mengarah pergerakan objek secara keseluruhan .
Scroll → objek begerak secara scroll.

Slide → objek akan bergerak sekali kemudian berhenti.

Alternate → objek bergerak dari kiri ke kanan atau sebaliknya secara berterusan.

TITLE='message" → tajuk atau mesej akan berhenti apabila pointer mouse di arahkan ke objek.

SCROLLMOUNT="number" →untuk mengawal kelajuan objek bergerak, semakin besar nombor semakin laju ia bergerak.

SCROLLDELAY="number" → untuk mengawal tangguhan masa.

LOOP="number|-1|infinite" → untuk mengawal jumlah pusingan (looping).

WIDTH="number" →untuk mengawal luas pergerakan, dalam unit pixel (px) atau peratus (%).


Sekarang saya akan buat beberapa contoh berserta dengan Kod Html.

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

CONTOH MARQUEE DENGAN BACKGROUND.

</marquee></b></font></div>



CONTOH MARQUE DENGAN BACKGROUND


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

LETAKKAN MOUSE ANDA DI SINI, ANDA AKAN NAMPAK KESANYA

</marquee>



LETAKKAN MOUSE ANDA DI SINI, ANDA AKAN NAMPAK KESANYA


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

<a href="http://autoincomeplusmalay.wordpress.com/" target="new">Autoincomeplus Malay </a>
<a href="http://kenapa4u.blogspot.com/" target="new">kenapa4u </a>
<a href="http://yahoo.com/" target="new">yahoo </a>

</marquee>

Comments

Post a Comment

Popular posts from this blog

hyperthyroidism - penyakit yang aku alami

Top 5 Forum Di Malaysia

Top 5 blog paling terkenal di Malaysia