Jul 26, 2008

Marquee - What is and how to use

Free Web Hosting, No Ads > CONTRIBUTE > Tutorials
Pages: 1, 2

free web hosting

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

 

 

 


Reply

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

Reply

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

 

 

 


Reply

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.

Reply

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

Reply

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.

Reply

almooooot11
i agree with you in all what you said

Reply

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>


Reply

iGuest
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

Reply

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.

Reply

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

Reply

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

Reply

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

Reply

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

Reply



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*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Pages: 1, 2
Recent Queries:-
  1. jquery marquee - 4.94 hr back. (1)
  2. onmouseout=this.start() > - 5.82 hr back. (1)
  3. marquee html effects - 6.04 hr back. (2)
  4. jquery marquee like - 8.17 hr back. (1)
  5. marquee issues with firefox 3 - 9.30 hr back. (1)
  6. effect marquee jquery - 9.39 hr back. (1)
  7. cool marquees - 11.65 hr back. (1)
  8. onmouseover="this.stop" - 12.21 hr back. (1)
  9. make a marquee scrolling smooth - 14.69 hr back. (1)
  10. how do you stop marquee - 16.23 hr back. (1)
  11. smooth marquee image scrolling this.stop - 17.47 hr back. (1)
  12. onmouseover this.stop - 18.70 hr back. (2)
  13. marquee in jquery,mootools - 19.56 hr back. (1)
  14. jquery text marquee - 27.70 hr back. (1)
Similar Topics

Keywords : marquee

  1. Howto#2: Custom Bbcodes For Ipb (marquee) - Inner workings of the Marquee Tag (0)



Looking for marquee

Searching Video's for marquee
advertisement



Marquee - What is and how to use



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE