Cât de ușor este în ticker html

Bună ziua tuturor. Astăzi vă voi arăta o modalitate rapidă de 1, așa cum face în ticker html. Pentru a face acest lucru, vom folosi tag-ul Marquee, care vă permite să se miște, nu numai text, ci, de asemenea, linia. Dar noi ne limităm la textul.







tag-ul Marquee și atributele sale

De fapt, face o linie de rulare este incredibil de simplu, cu această etichetă. Aruncati o privire la codul:

Prin css configura dimensiunea de culoare de fundal, culoarea textului și a fontului.

fundal Marquee: # 246B5C;
font-size: 22px;
Culoare: #fff;
>

Și acum am înțeles cu atribute. În primul rând, această direcție. Am subliniat dreapta. dar puteți specifica, de asemenea, la stânga. atunci mișcarea va începe de la capătul din dreapta și du-te la stânga. Mai mult, mișcarea poate fi în sus și în jos (în sus și în jos). Le pot testa diferite valori.







Nu mai puțin important este atributul de comportament. care determină tipul de mișcare. El are trei semnificații:

  1. derulați - conținut ajunge la marginea, vine la margine și apare la început, începând din nou mișcarea.
  2. alternativ - conținut nu se extinde dincolo de margine, se deplasează în interiorul lor.
  3. slide - conținutul este mutat o dată în direcția specificată, este vorba de margine și sa oprit.

Care sunt alte atribute (opțional):

  1. scrollamount - viteza liniei. Este setat în pixeli, fără px, doar un număr. Valoarea implicită este de 6 pixeli. Puteți pune mai mult și mai puțin pentru a testa valoarea.
  2. buclă - numărul de repetiții ale mișcărilor. Este setată la orice număr întreg pozitiv. În cazul în care atributul nu prescrie, să fie un număr infinit de repetiții.

În general, este toate atributele pe care trebuie să știți pentru a gestiona o linie de târâtoare. Orice altceva poate fi configurat prin intermediul css, am făcut de fapt (scobitura, culoare, fundal, etc.)