Loading Page

Animatii simple cu marquee

Bine ai venit
Cautare google
cautare
categorii
css
css
html
html
    »   Implementari
    »   Taguri
    »   Tabele
    »   Marquee
javascript
javascript
photoshop
photoshop
php
php



Paypal
Ai ceva de facut in cod, design sau animatie si nu stii cum?
Trimite-ne mail si-ti vom face tutorial ce va rezolva problema ta.

Documentatii pentru toate nivelele, de la incepatori la avansati, dar si pentru cei ce au nevoie doar de o 'bucata de cod'
tutoriale U-Trade
tutoriale U-Trade

Animatii simple cu marquee

+ Bookmark-uri
Autor: Cristea Iulian



-1 din 13 voturi
Vot pozitiv
Vot negativ
Voteaza acest articol
Tutorial not available for this language. Only english version.



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
Acum 2 ani si 0 luniAcum 2 ani si 0 luni
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
Acum 2 ani si 2 luniAcum 2 ani si 2 luni
Some informations here: http://www.supravirtual.ro/stiri/Fara_eticheta_marquee or in english http://www.supravirtual.ro/news/No_marquee_tag


U-Trade © Toate drepturile rezervate 2006-2010 | Animatii simple cu marquee : U-Trade Tutoriale