Creeping line pe pagina web

Două pagini. Pagina 1. La următorul >>>

Deci, astăzi pe ordinea de zi este un subiect nou: cum să faceți o linie de alergare pe o pagină web? Da, este foarte simplu! Această lecție va fi probabil cea mai ușoară dintre toate cele pe care le-ați văzut pe site-ul meu. Un șir este realizat utilizând eticheta html marquee. Conținutul liniei târâtoare este plasat într-un container de etichete . Șirul este creat fără a utiliza scripturi, deci nu afectează timpul de încărcare a paginii. Există o opinie că linia târâtoare poate provoca iritarea vizitatorilor site-ului, iar designul web profesional nu este adesea folosit.







Atunci când plasați o linie înclinată pe pagină, se va utiliza eticheta de marcă. care nu este inclus în specificația HTML, iar codul paginii cu utilizarea sa nu va trece validarea!

Numărul de opțiuni 1 (cel mai simplu)

Puneți materialul necesar în eticheta de marcă:

În cele din urmă, nu vedem nimic altceva decât o legătură care rulează.

Numărul opțiunii 2

Este posibil să încercați o variantă a liniei de rulare numai cu o imagine (banner) sau cu o imagine (banner) împreună cu textul. Pentru aceasta, introduceți codul html al imaginii (banner) sau combinația imaginii și link-ul din interiorul etichetei de marcă:







În plus, imaginea funcționează aici ca un banner, iar linia derulantă este, de asemenea, o legătură, când faceți clic pe ea mergeți la pagina de anecdote.

Numărul opțiunii 3

Prima și a doua opțiune, după cum puteți vedea, nu sunt fără defecte. Rând se extinde pe întreaga lățime a paginii, aceasta nu are propriul fundal, conține un minim de informații vizuale, prin urmare, este posibil să se varieze modificarea parametrilor, include imagini și oferind noi efecte de afișare (lățime, înălțime, fundal, centrat, viteza și direcția de deplasare, timpul interval, număr de treceri). Să încercăm să adăugăm câțiva parametri:

  • width = "600" - lățimea câmpului liniei de rulare în pixeli. Când nu am pus-o, linia a ocupat lățimea maximă a paginii.
  • height = "80" - înălțimea câmpului în pixeli.
  • bgcolor = "# ADD8E6" - culoarea de fundal.
  • direcția = "în jos" - direcția liniei, în cazul nostru de sus în jos.
    Opțiunile sunt:
    dreapta - de la stânga la dreapta;
    stânga - de la dreapta la stânga;
    sus - de jos în sus, în jos - de sus în jos. Dacă acest atribut nu este specificat, atributul implicit va fi atributul stâng.
  • scrollamount = "2" - determină viteza liniei. Relația este direct proporțională, cu cât este mai mare valoarea, cu atât viteza este mai mare.

Două pagini. Sfârșitul paginii 1. Înainte >>>






Articole similare

Trimiteți-le prietenilor: