Banner sub forma unui ecran LED cu linie de rulare

Un astfel de banner poate fi implementat pe propriul site folosind jQuery.

RUSELLER.COM *** 1 2 3 4 5 6 7 8 9 0 ###

Cum funcționează?

Funcția createLights () creează un panou gol al ecranului (div) și plasează pe acesta "LED-uri" (elemente de span).







Un tabel numit "hartă" stochează informații despre elementul pe care să îl includă pentru a afișa caracterul.

Funcția getMap () creează un tablou care conține o imagine text pe care să o afișați pe ecran.

Funcția draw () atrage textul pe ecran (inclusiv "LED-urile" necesare).

Funcția scrollText () mută textul în jurul ecranului. Această funcție face pur și simplu coloana din stânga și pune după extrema dreaptă.

LED-ul derulează banner-ul.

Formatul pentru reprezentarea caracterelor pentru un banner

Șirul de hărți conține informații despre modul în care vor fi afișate caracterele de pe ecranul bannerului. Să luăm în considerare un exemplu de claritate:

În acest caz, harta stochează informații despre modul în care va fi reprezentat simbolul ")". Reprezentarea sa consta in 3 elemente, ceea ce inseamna ca pe ecran simbolul ')' va consta din 3 coloane. [0,7] în prima coloană înseamnă că în această coloană trebuie să fie incluse LED-urile 0 și 7, iar restul sunt dezactivate. [1.6] în a doua coloană înseamnă că prima și a 6-a "LED-uri" trebuie incluse în această coloană, iar restul sunt dezactivate. Ei bine, în ultima coloană vor fi incluse 2, 3, 4 și 5 "LED-uri". Astfel, pe ecranul banner se formează simbolul ")".

Pentru limba rusă va trebui să creați personal tabelele de simboluri.







Panoul CSS "LED"

Banner sub forma unui ecran LED cu linie de rulare

Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

Banner sub forma unui ecran LED cu linie de rulare

Banner sub forma unui ecran LED cu linie de rulare

Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

Banner sub forma unui ecran LED cu linie de rulare

Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

Banner sub forma unui ecran LED cu linie de rulare

Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!







Articole similare

Trimiteți-le prietenilor: