|
|
|
|
![]() ![]() |
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
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? 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 Hope you liked it as I liked to write it By FaLgoR |
|
|
|
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 |
|
|
|
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? 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. |
|
|
|
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.
|
|
|
|
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...
|
|
|
|
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. |
|
|
|
| almooooot11 |
Apr 12 2005, 01:56 AM
Post
#7
|
|
Guests |
i agree with you in all what you said
|
|
|
|
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? 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> |
|
|
|
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 |