Jumat, September 11, 2009

Tutorial Membuat On Mouse Over Stop Vertical Marquee

It is sounds overwhelming if this short post said as a tutorial. But, it is up to me to type any title to this post. I think that no one will mind about that.

I write this short guide because I put a vertical marquee to show my blogroll (see its action at the left bottom of this blog.

It is sounds overwhelming if this shot post said as a tutorial. But, it is up to me to type any title to this post. I think that no one will mind about that.

To create a marquee you may use marquee tag.

<marquee>Text here</marquee>

But, in order to give direction, you have to add direction inside opening marquee tag.

<marquee direction=”up”>Text here</marquee>

You can specify width and height of your marquee too.

<marquee direction=”up” width=”250” height=”160”>Text here</marquee>

Also you can give it style.

<marquee direction=”up” width=”250” height=”160” style="font-family: Verdana; font-size: 8pt" scrolldelay="90">Text here</marquee>

Hey, wait, I think that you need to control your marquee speed. It is not convenient to see your marquee scrolling too fast. You can put delayed time you want. Just insert scrolldelay=”number” inside your opening marquee tag. The number is in miliseconds. If you want your speed slower, put bigger number. 1 means 1 milisecond. 100 means 100 miliseconds. 1000 means 1 second or 1000 miliseconds.

<marquee direction=”up” width=”250” height=”160” style="font-family: Verdana; font-size: 8pt">Text here</marquee>

OK. OK. But how to make it stop on mouse over. I need it. OK buddy, be patient. I am about to arrive in that point. Put the code below inside opening marquee tag.

onmouseover="this.stop()" onmouseout="this.start()"

You will have your marquee code like below code:

<marquee direction=”up” width=”250” height=”160” style="font-family: Verdana; font-size: 8pt" scrolldelay="90" onmouseover="this.stop()" onmouseout="this.start()">Text here</marquee>

You can put javascript as the content of your marquee. I implement it to show my blogroll that supported by blogrolling. The blogroll is displayed using javascript.

Wkwkwkwk… judulnya Bahasa Indonesia teksnya Bahasa Inggris. Kuwalik sama punya orang-orang.

Related Posts

Tutorial Membuat On Mouse Over Stop Vertical Marquee
4/ 5
Oleh

5 comments

Jumat, September 11, 2009 5:37:00 AM delete

makasih infonya kang, Sarimin mau coba ni... :)

Reply
avatar
Sabtu, Januari 01, 2011 8:51:00 PM delete

sipp kang,, ilmunya sngat bermanfaat,, ngopi yuk di blog ane

Reply
avatar
Kamis, Desember 22, 2016 11:19:00 AM delete

wahhhh ada link hidup nya wkwkwkwk , btw on mouse over bikin alay blog kak, bikin beratt

Reply
avatar