Kamis, 02 Juni 2011

EFEK MARQUEE (tulisan berjalan)

  Pada tutorial ini, saya akan sedikit memberikan beberapa kode contoh EFEK MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar / Posting suatu blog. 

Untuk menampilkannya di blog teman2, cukup CO-PAS kode html-nya. Jika teman2 ingin menampilkan efek marquee  seperti contoh nomor satu, teman2 tinggal copy kode pada kotak yang berada dibawah contoh efek marquee, kemudian paste ke gadget HTML/javascript atau posting pada blog anda.  Untuk lain-lainnya anda bisa ber experiment sendiri" mudak ko'k.

01. Tulisan berjalan ke kanan.

Tulisan berjalan kekanan

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> 
02. Tulisan berjalan dengan gambar.


Tulisan berjalan dengan gambar

<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br /> 

03. Tulisan berjalan ke atas.



















Tulisan berjalan ketas



<marquee height="30" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee>

04. Tulisan dapat memantul.

Tulisan mantul


<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>
05. Tulisan berjalan akan berhenti jika dibayangi cursor.

Tulisan berjalan akan stop bila dibayangi oleh cursor

<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>

06. Tulisan zig-zag

Zig-zag



<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>
07. Tulisan Bouncing around

Bouncing around


<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br /> 
8. Tulisan berjalan lambat

Tulisan berjalan lambat


<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee>

Thank you for visited me, Have a question ? Contact on : ikhwan.alfath@gmail.com.
Please leave your comment below. Thank you and hope you enjoyed...


0 komentar:

Posting Komentar