Animatii simple cu marquee

Bine ai venit

Legaturi

Cautare google

cautare

categorii

css

» Butoane

» Transparenta

» Componente formular

html

» Implementari

» Taguri

» Tabele

» Marquee

javascript

» Dimensiuni

» Imagini

» Implementari

» Efecte text

» Meniuri

photoshop

» Efecte 3D

» Logo

» Lentile

php

» Securitate

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'

Animatii simple cu marquee

+ Bookmark-uri

Autor: Cristea Iulian

-1 din 13 voturi

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.

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

+ posteaza un comentariu

Johnny

Acum 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 luni

Some informations here: http://www.supravirtual.ro/stiri/Fara_eticheta_marquee or in english http://www.supravirtual.ro/news/No_marquee_tag

sitemap | termeni si conditii | contact