|
"Cu capãtul arcurilor, trecînd,
|
stiri despre activitatile noastre, webdesign, seo, consultanta, IT, Romania O colecție de știri. Activități. Diverse. Chestii mai mult sau mai puțin interesante, după gusturile fiecăruia.
15 aprilie 2008 - Dan-Marius Sabau
Categoria: programare;
Etichetele: css; javascript;
Pentru dezvoltatorii obișnuiți de pagini web eticheta marquee este un tip de element HTML în afara standardului care face textul să se miște în sus, în jos, în stînga sau dreapta. Eticheta a apărut pentru prima oară în versiunile de început ale Internet Explorerului al lui Microsoft și a fost comparat cu elementul ce licărește de la Netscape, și era o extensie cu probleme de utilizare în afara standardului la un HTML standard. Pentru că textul din interiorul unui marquee nu este întotdeauna vizibil violează însăși fundamentele de bază ale paginilor web care sînt extraordinar de ușor de răsfoit. De obicei utilizatorii aruncă o privire peste pagină și decid ce doresc să citească (dacă îi interesează) (folosindu-se de titluri, textul îngroșat, listele, etc.), dar etichetele marquee, ca și elementul ce licărește, ascunde textul în anumite locuri însemnînd că la un anume moment parcurgerea paginii ar putea eșua (sau poate lua mai mult timp). E cunoscut faptul că locațiile din interiorul etichetelor marquee sînt greu de accesat, iar utilizatorii au doar o șansă de a face asta la fiecare afișare. Asta poate cu ușurință enerva utilizatorii. Ei bine, există soluții la situația asta și vreau să vă prezint una dintre ele. Aveți nevoie doar de CSS și javascript activat.
niște text... ...și o imagine: Puteți continua să adăgauți text și imagini, dar amintiți-vă să nu schimbați „overflow: hidden;” în cadrul elementului div: „no_marquee”. E important.
Al doilea lucru de care aveți nevoie este o funcție javascript pe care trebuie să o adăugați în elementul „head” al paginii web.
function moving_div_up(value) { value--; if (value<-10300) value = 0; document.getElementById('moving_div').style.top = value 'px'; setTimeout("moving_div_up(" value ")", 20); }
Aceasta va face ca textul și imaginile din interiorul „moving_div” să alunece de jos în sus. Viteza alunecării poate fi schimbată prin modificarea valorii „20” în interiorul „setTimeout” cu oricare valoare doriti. Pentru a face ca textul și imaginile să alunece în jos e de ajuns să schimbați scăderea valorii „value” și să o faceți să crească. Ceva de genul ăsta:
function moving_div_down(value) { value ; if (value>10300) value = 0; document.getElementById('moving_div').style.top = value 'px'; setTimeout("moving_div_down(" value ")", 20); }
Puteți face conținutul să alunece la stînga sau la dreapta. E simplu. Foarte simplu.
function moving_div_left(value) { value--; if (value<-10300) value = 0; document.getElementById('moving_div').style.left = value 'px'; setTimeout("moving_div_down(" value ")", 20); }
function moving_div_right(value) { value ; if (value>10300) value = 0; document.getElementById('moving_div').style.left = value 'px'; setTimeout("moving_div_down(" value ")", 20); }
Ultimul lucru pentru ca asta să funcționeze este adăugarea atributului „onLoad”: . Aceasta permite funcției javascript să pornească atunci cînd pagina se termină de încărcat.
Numele tau
Adresa ta electronica
Pagina ta web
|
||||
|
Drept de autor (c) - Supravirtual SRL - 2005-2010 - Toate drepturile rezervate.
Web directory RSS feeds HostGator promo code |
|||||