HOW TO MAKE SCROLLING TEXT ( MARQUEE )

Salam to all friends, visitors and bloggers. Today June 8 2009 and as usual WELCOME TO 'BELAJAR BUAT BLOG PERCUMA'. wokeys guys today i want to share how to make scrolling text either left, right, up or down...this is what we called 'marquee' text...thanx to Cikgu Tuan as usual always keep questioning me hehehehehe other wise i also blank what to write hehehehe...and is this something weird why i'm write in 'bahasa penjajah' hehehe yeap because of my sponsor wakakakakaka. Alright let us begin

1. simple marquee text

<marquee>SELAMAT DATANG KE RSBUAT BLOG</marquee>

output:-

SELAMAT DATANG KE RSBUAT BLOG

2. Adding background colour

<marquee bgcolor="#99CCFF">code to simple scrolling text</marquee>

OUTPUT:-

SELAMAT DATANG KE RSBUAT BLOG

You can change change background colour by visiting SINI

3. wokeys how to make this words move left, right or other directions? Simple guys just copy the code below

<marquee direction="right" bgcolor="#99CCFF">SELAMAT DATANG KE RSBUAT BLOG</marquee>

You can change the direction by replace "right", "left", "UP" or "DOWN"

OUTPUT:-

SELAMAT DATANG KE RSBUAT BLOG

4. We can also add some 'fancy' moves with our words

<marquee behavior="alternate" direction="down" bgcolor="#33FFCC">SELAMAT DATANG KE RSBUAT BLOG</marquee>

OUTPUT:-

SELAMAT DATANG KE RSBUAT BLOG

Is that to fast??? yeap we can make it slow by adding some code like this

<marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="2">SELAMAT DATANG KE RSBUAT BLOG</marquee>

OUTPUT:-

SELAMAT DATANG KE RSBUAT BLOG

Can you see the different?? You also can try yourself change the scrollamount 1 to 5

5. Sometimes people read to slow and how to make our words stop with mouse? Just copy the code

<marquee behavior="alternate" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50"> SELAMAT DATANG KE RSBUAT BLOG</marquee>

OUTPUT:-

SELAMAT DATANG KE RSBUAT BLOG


wokeys guys i hope you enjoyyyyy this tutorial..till we meet again..Ma'asalamah ilal li qo'

NAK TAHU PERKEMBANGAN ARTIKEL INI

Masukkan E-Mail Anda:


Delivered by FeedBurner


1 comment:

  1. Salam kepada Tuan tanah..Di harap dapat meletakkan chatbox kat sini supaya senang sikit nak menyembang...Harap dipertimbangkan yer

    ReplyDelete

  © Blogger templates The Professional 11pips by 11pips.blogspot.com 2008

Back to TOP