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.

Bantu saya dengan membagi artikel di atas ke media sosial:

Tentang Kang Kombor

Seorang blogger desa, alumni Perguruan Pirikan, pernah belajar Manajemen di FE UPH, pernah bekerja sebagai penjual (salesman), punya pengalaman seputar pengembangan bisnis (busines development) dan manajemen proyek (project management).

4 komentar

Click here for komentar
Terima Kasih Sudah Berkomentar
Jumat, September 11, 2009 5:37:00 AM

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

Balas
Terima Kasih Sudah Berkomentar
Jumat, September 11, 2009 2:30:00 PM

Sama-sama Dik Sarimin.

Balas
Terima Kasih Sudah Berkomentar
Sabtu, Januari 01, 2011 8:51:00 PM

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

Balas
Terima Kasih Sudah Berkomentar
Sabtu, Oktober 24, 2015 2:15:00 PM

Nice info. Thanks for sharing.

Balas

Join This Site Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Silakan berkomentar dengan sopan