Animație pentru site

Aplicând atributul direcției cu valoarea corectă, schimbăm direcția liniei de rulare și se va deplasa de la dreapta la stânga:

În mod prestabilit, etichetei i se atribuie atributul direcției cu valoarea stânga, astfel că linia fără atribute se deplasează de la stânga la dreapta.






Înlocuind valoarea pentru direcția atributului, facem ca linia să treacă de jos în sus:

Valoarea de jos va indica linia pentru a trece de sus în jos

Cred că trebuie să creștem viteza de derulare a liniei de târâtor, pentru care folosim atributul scrollamount. În citate, indicăm un număr de la 1. De exemplu:

Acum hai să ne oprim pentru o vreme și să ne dăm seama cum funcționează eticheta.
Animația se datorează faptului că informația este constantă și o afișează într-o locație nouă. Folosind valorile pentru atribut, am setat distanța în pixeli între poziția ștersă și cea nouă a cusăturii, afectând astfel viteza și neteditatea mișcării sale.
În mod silențios, valoarea este 6, dar dacă setați valoarea la 1, distanța dintre poziția veche și cea nouă a liniei va fi de 1 pixel, ceea ce va asigura o funcționare lentă și netedă a liniei de rulare:







Atributul de comportament specifică modul de derulare în cadrul blocului specificat și setările implicite pentru derulare, ceea ce face ca linia de funcționare să se ascundă din vedere și să înceapă din nou.
Dar dacă înlocuiți valoarea alternativă, atunci linia nu va fi ascunsă din vedere și ajungerea la limitele blocului va începe să se deplaseze în direcția opusă:

Valoarea diapozitivului pentru atributul de comportament instruiește linia de rulare să ajungă la limita blocului și să se oprească:

Atributul de înălțime specifică înălțimea blocului. Valoarea implicită este de 12 pixeli, dar să o schimbăm și să adăugăm puțin la viteza de defilare a liniei de rulare:

Atributul de lățime este responsabil pentru lățimea blocului. Puteți aplica împreună atributele de lățime și înălțime pentru a specifica limitele de bloc dorite. Pentru claritate, adăugăm un cadru la stiluri și ușoară încetinirea vitezei de defilare:

Acum, să setăm fundalul pentru linia ascendentă. Pentru aceasta, aplicăm atributul bgcolor și setăm culoarea de fundal în galben:

Acum, să încercăm să transformăm linia de circulație în direcții diferite.

Creeping line Creeping line

Setați timpul de întârziere a animației utilizând atributul scrolldelay, înlocuind valorile numerice. Valoarea implicită este de 80 de milisecunde:

Atributul scrolldelay este un alt instrument prin care putem regla viteza de defilare.

Desigur, imaginea însăși este animată în Photoshop, dar am forțat-o să navigheze pe pagină, creând un efect de mișcare.
Iată un alt exemplu interesant, folosind eticheta de marquee, puteți crea un cursor simplu:

Puteți face fiecare imagine în cursor cu un link:







Articole similare

Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: