text defilare frumos la exemple html

Cum sa faci un site html șir de caractere care rulează

Creați un ticker de știri nu ia mult timp și efort. Ce ar face mutarea din text, fără Photoshop a fost proiectat și construit tag-ul html . primul special pentru browser-ul Internet Explorer, și apoi toate celelalte browsere au început să proceseze și să mențină o etichetă.







Care este cel mai plăcut și minunat este tag-ul foarte mic și scurt, care conduce nu numai text, ci și imagini. Minunile și numai!

De exemplu, ce s-ar textul se deplasează de la dreapta la stânga pentru a insera codul:

Apoi inserați ticker de text

Apoi inserați ticker de text

Buna ziua, numele meu este Galya

În principiu, derularea poate fi inserat oriunde dorește inima: în subsol, bara laterală, sub titlul blogului însuși sau capacul.

Puteți ajusta parcurgerea listei adăuga stiluri și atribute. În mod implicit, numai ticker-ul se deplasează de la dreapta la stânga pentru a schimba direcția unei linii este necesar să adăugați atributul de direcție tag-ul cu un drept valoare

Rularea linie de la stânga la dreapta

Rularea linie de la stânga la dreapta

Oricare ar fi textul nu dispare în străinătate și sa mutat înainte și înapoi, trebuie să adăugați un comportament atribuie o valoare de supleant

RollCrawl se mișcă între dreapta și marginea din stânga

RollCrawl se mișcă între dreapta și marginea din stânga

Scrolling text pe un fundal colorat

Acum, adăugați stiluri css și decora linia noastră de funcționare, pentru a primi un text de culoare defilare:

ticker colorat

ticker colorat

Colorate se mută ticker de la stânga la dreapta:

Culoarea liniei de rulare de la stânga la dreapta







Culoarea liniei de rulare de la stânga la dreapta

culoare. # Ad0dd9 de text ticker culoare
font-size. 20px font: dimensiune

Hai să facem o linie care rulează pe un fond colorat:

Scrolling text pe un fundal colorat

Scrolling text pe un fundal colorat

bgcolor - culoare de fundal


ticker colorat

Pentru a ticker se deplasează de jos în direcția de sus a adăuga atributul cu o valoare de până:

RollCrawl de jos în sus

RollCrawl de jos în sus

Se adaugă imediat un alt atribut bre și setați înălțimea unității:

text defilare

height = "150" - înălțimea blocului

Culoare: # 0F9D58 - Culoare text ticker

font-size: dimensiunea fontului 30px-

Și forța acum defilare pentru a vă deplasa în sus și în jos. Pentru a adăuga o direcție atribut-valoare

Rularea linie de sus în jos

Rularea linie de sus în jos

Pentru a regla viteza de defilare Marquee scrolldelay adăuga atributul:

text defilare

scrolldelay = „60“ - schimba cifrele și setați viteza de derulare

Pentru a specifica limita de bloc pentru a adăuga stiluri cadru. adăugați lățimea și înălțimea atributele.

Pe înălțime - această înălțime bloc

scrollamount - un atribut care afectează viteza, cu atât este mai mare numărul, textul se mișcă mai repede.

Scrolling text într-un cadru

Scrolling text într-un cadru

Hai să facem o linie de rulare într-un cadru pe un fundal colorat: Adăugați atributul bgcolor

Scrolling text într-un cadru pe un fond colorat

Scrolling text într-un cadru pe un fond colorat

Scrolling text în HTML cu imagini

Imaginea se mută de la dreapta la stânga: