site-ul de animație
Nu, în Photoshop, vom face mai departe, du-te în jurul valorii de cod HTML vechi și să învețe să facă câteva trucuri de animație.
Cred că mulți webmasteri pur și simplu nu știu despre existența unei etichete speciale care conduce textul și animă imagine.
Multe lucruri pot fi animate fără utilizarea Photoshop, prin intermediul HTML convenționale, dar ne lăsa în ordine. Să mergem!
Cum ticker de știri online, folosind HTML
Deci, face cunoștință! Magic tag -
Incredibil, o linie a început să se miște. Acum, hai să facem linia un pic mai vizibil, adaugand stiluri.
Aplicarea valorii atributului dreapta direcție vom schimba direcția de mișcare a unei linii de rulare și se va muta de la dreapta la stânga:
În mod implicit, tag-ul
Substituind up valoare pentru atributul de direcție vom face linia de mișcare de jos în sus:
Valoarea indică în jos linie deplasarea în jos
Cred că este necesar să se mărească viteza de defilare ticker, pentru aceasta vom folosi atributul scrollamount. Numărul din paranteze indică numărul de 1. De exemplu:
Acum, hai să ne oprim și să examineze modul în care eticheta
Animație se datorează frecării constante de informații și afișa într-un loc nou. Folosind valorile pentru atributul
Pentru tăcerea este în valoare de o valoare de 6, dar dacă este setat la 1, distanța dintre vechea și noua poziție a liniilor va fi de 1 pixel, care va oferi un ticker lent și buna funcționare:
Atribut specifica modul în care comportamentul de defilare în cadrul unei unități predeterminate și are o valoare implicită de derulare. ceea ce face ca linia de rulare pentru a ascunde din nou și începe să se miște.
Dar, dacă înlocuiți supleantului de valoare. linia nu va fi ascuns de la vedere, dar când vii la limitele blocului începe să se miște în direcția opusă:
Valoarea pentru atributul comportamentului slide-instruiește linia de deplasare pentru a ajunge la limita de bloc și se va opri:
atribut Inaltime specifica inaltimea blocului. Valoarea implicită este de 12 pixeli, dar să-l schimbe și să adăugați un pic la viteza de defilare ticker:
Caracteristica lățime responsabilă pentru blocul lățime. Puteți folosi lățimea și înălțimea atributele împreună pentru a seta limita dorită a blocului. Pentru a adăuga claritate stilurile de cadru și ușor încetini viteza de derulare:
Acum, să ceară pentru fundal Marquee. Pentru a face acest lucru, vom aplica atributul bgcolor, și a pus să-l culoarea de fundal galben:
Acum să încercăm să facem linia de rulare se deplasează în direcții diferite.
ticker ticker
Setare întârziere de animație timp folosind atributul scrolldelay. Substituind valori numerice. Valoarea implicită este de 80 de milisecunde:
Caracteristica scrolldelay - este un alt instrument cu care putem ajusta viteza de derulare.
Animație imagine online
Un exemplu simplu de animație imagine:
Cursul în sine este animat de imagine în Photoshop, dar suntem forțați să se mute în jurul paginii, creând efectul de mișcare.
Iată un exemplu interesant al marquee tag-ul, puteți crea un cursor simplu:
Poate fiecare imagine în cursorul pentru a face o referință:
C respect, Vitaly Kirillov