Fără eticheta marquee printre elementele HTML markup

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 navigatorului Internet Explorer produs de 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 eticheta 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, liste, 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.

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 doriți.

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”.