Loading Page

Simple animation with marquee

Hello Guest
Google Search
search
categories
css
css
html
html
    »   Implementations
    »   Tags
    »   Tables
    »   Marquee
javascript
javascript
photoshop
photoshop
php
php



Paypal
Do you have something to do in code, design or animation and you don't know how?
Send us an e-mail and will do a tutorial which will solve your problem.

Documentations for any level of knowledge, from beginners to advanced programmers, and even for those who just want a 'piece of code'
tutorials U-Trade
tutorials U-Trade

Simple animation with marquee

+ Share and Enjoy
Author: Cristea Iulian



0 from 12 vots
Vote up
Vote down
Vote this article
Let's learn how to create a simple animation using only html.

We can create this animation using an old tag named "marquee".

By default the marquee animation has a direction to left...
this is a sample

...but you can change it to the right...
this is a sample

...you can change it to go down...
this is a sample

...or up.
this is a sample

As another parameter you can set how many pixels you want to jump. The lowest number you set, the finest quality you'll obtain.
this is a sample

With Scroll Delay you can set how much you want to wait on a stop. This might be the speed.
this is a sample

And finally you can put almost anything in your marquee, like animations, tables with content and many more.
U-Trade

However looks like there are a few problems if it's managed using JavaScript.

Here is the code in order that I've present them:

<marquee direction="left">this is a sample</marquee>
<marquee direction="right">this is a sample</marquee>
<marquee direction="down">this is a sample</marquee>
<marquee direction="up">this is a sample</marquee>
<marquee scrollamount="1">this is a sample</marquee>
<marquee scrolldelay="100">this is a sample</marquee>
<marquee><img src="image.jpg" /></marquee>


Have fun





Johnny
1 year and 11 months ago1 year and 11 months ago
I believe is not deprecated. I didn't post this tutorial to use every marque on a single page, but for a quick and very simple animation when necessary. As an example you can give us a better website sample not one like that. Please try to give as an example something more relevant like: http://en.wikipedia.org/wiki/Marquee_tag


replace marquee with css/javascript
2 years and 0 months ago2 years and 0 months ago
Some informations here: http://www.supravirtual.ro/stiri/Fara_eticheta_marquee or in english http://www.supravirtual.ro/news/No_marquee_tag


U-Trade © All rights reserved 2006-2010 | Simple animation with marquee : U-Trade Tutorials
Subdomains
Languages
send us a message
Info
Tools
Contact
preview
Rollover icons to see their description in this box
gadgets