Nov 22, 2009
Pages: 1, 2

Marquee - What is and how to use

free web hosting

Read Latest Entries..: (Post #14) by iGuest on Jul 21 2008, 01:54 PM.
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
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion > MODERATED AREA > Tutorials

Marquee - What is and how to use

FaLgoR
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 smile.gif
Here we go.

CODE

<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:

CODE

<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? biggrin.gif
I'll show you something you can do with this code. Make an simple table in html:

CODE

<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://falgor.trap17.com/xgames

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 biggrin.gif

Hope you liked it as I liked to write it wink.gif

By FaLgoR

 

 

 


Comment/Reply (w/o sign-up)

nickmealey
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:


CODE


<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

Comment/Reply (w/o sign-up)

snlildude87
QUOTE(nickmealey @ Apr 11 2005, 01:10 PM)
B: Moving text is somtimes hard to read

...

CODE
<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? wink.gif
*


1. You can make the marquee stop when the mouse is over it with a little JavaScript action:
CODE
<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. smile.gif

 

 

 


Comment/Reply (w/o sign-up)

Casanova
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.

Comment/Reply (w/o sign-up)

GM-University
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...

Comment/Reply (w/o sign-up)

no9t9
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.

Comment/Reply (w/o sign-up)

almooooot11
i agree with you in all what you said

Comment/Reply (w/o sign-up)

FaLgoR
QUOTE(snlildude87 @ Apr 11 2005, 04:04 PM)
1. You can make the marquee stop when the mouse is over it with a little JavaScript action:
CODE
<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? smile.gif

QUOTE
CODE

<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>


Comment/Reply (w/o sign-up)

FeedBacker
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

Comment/Reply (w/o sign-up)

sunzoje
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.

Comment/Reply (w/o sign-up)

Latest Entries

iGuest
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

Comment/Reply (w/o sign-up)

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

Comment/Reply (w/o sign-up)

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

Comment/Reply (w/o sign-up)

iGuest
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

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Pages: 1, 2

Searching Video's for marquee
See Also,
advertisement


Marquee - What is and how to use

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com