New messages Members Forum rules Search
  • Page 1 of 1
  • 1
Forum moderator: kostova, Brazen  
uCoz Support Forum by uCozers » Coding » HTML » How to Make Marquees (sml[tutorial]How to make Various Marquees)
How to Make Marquees
Z10Date: Saturday, 2009 August 01, 8:08 PM | Message # 1
Font size: A | A |
Major
Group: uCozer
Message: 100
[ ]
Offline
Well to Start of There are many types of Marquees. They are very useful for quick news, showing links, and fun. biggrin I wish try my best to cover the major ones as good as i can. I would recommend that you copy these codes down, and test them in a ".html" page to see what they do.


Slide-in Right

Code
<marquee behavior="slide" direction="left">Test Text.</marquee>

For this Marquee the Text will start from the right, and stop at the left.


Slide-in Left

Code
<marquee behavior="slide" direction="right">Test Text.</marquee>

For this Marquee the Text will start from the left, and stop at the right.


Continually Scrolling Marquee

Code
<marquee behavior="scroll" direction="left">Test Text.</marquee>

For this Marquee the Text Continually Scrolls toward the left. (From Right to left)

Code
<marquee behavior="scroll" direction="right">Test Text.</marquee>

For this Marquee the Text Continually Scrolls toward the right. (From Left to Right)


Bouncing Marquee

Code
<marquee behavior="alternate">Test Text.</marquee>

For this Marquee the Text will Continually Bounce between the left and the right side.


Upwards Marquee

Code
<marquee  behavior="scroll" direction="up">Test Text.</marquee>

For this Marquee the Text will Continually Scroll Up from Top to Bottom.


Downwards Marquee

Code
<marquee  behavior="scroll" direction="down">Test Text.</marquee>

For this Marquee the Text will Continually Scroll Down from Bottom to Top.


You can also try...


Adding in an Image
, all you have to do is replace the "Test Text." with

Code
<img src="IMAGEURLHERE" width="40" height="40" alt="IMAGEALTERNATEHERE/


Changing the Speed

Change the code to this.

Code
<marquee behavior="scroll" direction="left" scrollamout="1">Test Text.</marquee

The Higher you go, the faster it goes.

Thanks for Reading!


"When life gives you lemons, make orange juice. Sit back, relax, and let the world wonder how you did it."


Edited ByZ10 - Saturday, 2009 August 01, 8:10 PM
 
uCoz Support Forum by uCozers » Coding » HTML » How to Make Marquees (sml[tutorial]How to make Various Marquees)
  • Page 1 of 1
  • 1
Search:


Copyrights uCozers 2009 - 2024 To TOP
Refresh Smileys Manager