Marquee What is and how to use

[FaLgoR 0]

Thee HTML tag <marquee> is used to make an text move on html pages. It's very simple, you will need only one line of html, but it's really cool and very usefull

Here we go.

 

<marquee behavior="scroll">Text here</marquee>

The code above will make the text move from the left side to the right side of the page. Behavior is what the text will do. It can be scroll to make the text scroll from the left side to the right side, alternate make thetext do the same thing, but instead of the text get hide when it is on the limit of the page, it will go back to the left side, and when it is on the limit of the left side, it will go to the right side... Let's make another marquee style:

 

<marquee behavior="scroll" direction="up">Your<br>Text<br>Here</marquee>

With the code above, the text will move from the bottom to the top. Cool, huh?

I'll show you something you can do with this code. Make an simple table in html:

 

<table border="1"><tr><td>My other sites</td></tr><tr><td><marquee behavior="scroll" direction="up" OnMouseOver="this.stop()" OnMouseOut="this.start()"><a href="http://mysite.com"><img src="button.jpg" width="88" height="33"></a><br><a href="http://mysite.com"><img src="button.jpg" width="88" height="33"></a><br><a href="http://mysite.com"><img src="button.jpg" width="88" height="33"></a><br></marquee></td></tr></table>

Its one of my favourites html effects. In the code above, you will show an table with your other sites or allied sites. The 88x33 buttons will go up, and, when someone try to click them, the text will stop moving, and the visitor will easilly click the button. When (s)he move the cursor out the table, it will start moving again. I just love this effect =D

Here is an example: http://forums.xisto.com/no_longer_exists/

 

The site is in portuguese, but it doesn't matter. Look at the right side, you will see a table with 3 buttons moving up, when you put the cursor on it, it will stop

 

Hope you liked it as I liked to write it

 

By FaLgoR

[nickmealey 0]

I don't always use the Marquee for obvious reasons.

A: If you use them to often, it gets distracting
B: Moving text is somtimes hard to read

But, other than that, I think their rather cool to use. And with the images it makes it kinda neat. Now, you could make these guys fade a lill' to give it a full effect, here's how:

<marquee height="70" width="145" direction="up" scrollamount="2" style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=0, StartY=90, FinishX=0, FinishY=0);">This text fades when moving</marquee>

because of the Filter: Alpha, the text filters into text from 100 transparency to 0. Cool Ah?

nickmealey

[snlildude87 0]

B: Moving text is somtimes hard to read

 

...

 

<marquee height="70" width="145" direction="up" scrollamount="2" style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=0, StartY=90, FinishX=0, FinishY=0);">This text fades when moving</marquee>

because of the Filter: Alpha, the text filters into text from 100 transparency to 0. Cool Ah?

70962[/snapback]

1. You can make the marquee stop when the mouse is over it with a little JavaScript action:

<marquee direction="up" scrolldelay=32 scrollamount=1 onMouseOver=this.stop() onMouseOut=this.start()>This will stop when the mouse is over the marquee, and it will resume when mouse is not over marquee</marquee>

2. That code will not work in Mozilla Firefox, so it's pretty much useless (no offense to you) because nobody that I know use Firefox anymore.

[Casanova 0]

If I remember right, marquees are mostly obsolete now because incompatibility issues and the lack of usefulness. They may look neat to beginer webmasters but its generaly in bad taste to use them nowadays.

[GM-University 0]

Marquee's are good to use in custom titles or places where you can't use php, like here (see my cutom rank...) but otherwise you should use a php script to acomplish this, you won't ever have the jagged restart action like with marquees, and can make a smoother stop, so basically everything is much more smooth when you do it in php, but I agree, for begginners the marquee is very cool, and speaking of HTML I have to write up my WebMaster Level 2 tutorial sometime soon...

[no9t9 0]

PHP scripts can't generate moving text. Atleast not to my knowledge. That's just not how it works. I think you are talking about javascript. I created a javascript scroller. Very easy to do. And also very easy to stop and start it on mouseover. Javascript is very useful (so is PHP). for this kind of stuff. I also think that marquee is very amatuer. I would not use it on any of my sites.

[iGuest 3]

i agree with you in all what you said

[FaLgoR 0]

1. You can make the marquee stop when the mouse is over it with a little JavaScript action:

<marquee direction="up" scrolldelay=32 scrollamount=1 onMouseOver=this.stop() onMouseOut=this.start()>This will stop when the mouse is over the marquee, and it will resume when mouse is not over marquee</marquee>

You mean, just like I told you with my example, the last code quote?

<table border="1"><tr><td>My other sites</td></tr><tr><td><marquee behavior="scroll" direction="up" OnMouseOver="this.stop()" OnMouseOut="this.start()"><a href="http://mysite.com"><img src="button.jpg" width="88" height="33"></a><br><a href="http://mysite.com"><img src="button.jpg" width="88" height="33"></a><br><a href="http://mysite.com"><img src="button.jpg" width="88" height="33"></a><br></marquee></td></tr></table>

[iGuest 3]

Html 4.0.1 and PHP

Marquee

 

The Validation service doesn't allow <marquee> to be use on a website design when using HTML 4.0.1 and PHP. The validation service gives Errors showing that its not a validate code to use for web development. I would like to Know is their an other scroll function that can be use besides <marquee> for HTML 4.0.1.

 

-reply by Carlos

[sunzoje 0]

Initially I used marquee a lot in designing website. But lateron it came to my knowledge that every web browser can't display marquee properly. As long as I know, only Internet explorer displays it properly. But for Netscape navigator, Maozilla Firefox, Opera and other browsers, it doesn't displays properly. I suggest to use javascript to have the marquee like feature. It's nice for news flash. Now-a-days, you can use javascript frameworks like jquery, mootools or prototype which have more advance features for scrolling and more many stuffs.

[iGuest 3]

two differnt marquee from different direction stop at the same time when mouse on first or second marquees

Marquee

 

By using marquees one marquee direction is from right to left and second marquee direction from left to right...I want when I mouse on first marquee it will stop and at the same time second marquee also stop and also when I mouse on second marquee it will stop and at the same time first marquee also stop

 

-question by nishit

[iGuest 3]

Gratitude

Marquee

 

Just want to thank you for the time and effort you put into this page. For us "amatuers" it is a great help and building block. Thank you.

 

-feedback by Shipless

[ultraviolet_66 0]

never seen a marquee like that and thnx....

[ashxu 0]

Yeah, i use Marquee on my website. It's pretty useful for announcments.

[iGuest 3]

scrolling marquee

Marquee

 

Fantastic!! I agree with ultraviolet.

 

 

 

Is there any way I could let my visitors scroll to the left and right? maybe theres an onmouseover function that does more than just stop and start? I appreciate it.

 

 

 

-reply by jentino