Welcome Guest ( Log In | Register)



2 Pages V   1 2 >  
Reply to this topicStart new topic
> Marquee, What is and how to use
FaLgoR
post Apr 10 2005, 09:04 PM
Post #1


Super Member
*********

Group: Members
Posts: 217
Joined: 2-January 05
Member No.: 3,084



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
Go to the top of the page
 
+Quote Post
nickmealey
post Apr 11 2005, 04:10 PM
Post #2


Premium Member
********

Group: Members
Posts: 156
Joined: 14-March 05
From: Washington, USA
Member No.: 4,520



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
Go to the top of the page
 
+Quote Post
snlildude87
post Apr 11 2005, 07:04 PM
Post #3


Moderator
***************

Group: Members
Posts: 2,325
Joined: 8-March 05
From: Mawson, Antarctica
Member No.: 4,254



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
Go to the top of the page
 
+Quote Post
Casanova
post Apr 11 2005, 09:27 PM
Post #4


Super Member
*********

Group: Members
Posts: 240
Joined: 11-October 04
From: California
Member No.: 1,683



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.
Go to the top of the page
 
+Quote Post
GM-University
post Apr 11 2005, 09:42 PM
Post #5


Super Member
*********

Group: Members
Posts: 287
Joined: 23-February 05
Member No.: 3,945



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...
Go to the top of the page
 
+Quote Post
no9t9
post Apr 11 2005, 11:02 PM
Post #6


Privileged Member
*********

Group: Members
Posts: 773
Joined: 4-November 04
Member No.: 2,118



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.
Go to the top of the page
 
+Quote Post
almooooot11
post Apr 12 2005, 01:56 AM
Post #7





Guests






i agree with you in all what you said
Go to the top of the page
 
+Quote Post
FaLgoR
post Apr 13 2005, 09:44 PM
Post #8


Super Member
*********

Group: Members
Posts: 217
Joined: 2-January 05
Member No.: 3,084



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>

Go to the top of the page
 
+Quote Post
iGuest
post Jan 22 2008, 02:40 AM
Post #9


Hail Caesar!
*********************

Group: Members
Posts: 5,876
Joined: 21-September 07
Member No.: 50,369



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