Slider și rotatoare de bannere și legături

Cel mai simplu rotator de bannere

Rotatorul cel mai simplu afișează bannerele în ordine aleatorie, de fiecare dată când se schimbă imaginea afișată la deschiderea sau actualizarea (butonul F5) a paginii. Afișarea bannerelor (rotative) într-o ordine aleatorie duce uneori la repetarea unor imagini și la ignorarea altora, ceea ce se observă în special atunci când pagina este actualizată frecvent. Dacă acest defect este neglijat, atunci, în general, acesta este un simplu și destul de bun rotator de bannere.

Referintele rotorului "linia târâtoare"

Pentru baza acestei lucrări de rotație a bannerului este făcută o etichetă . care creează efectul unei linii de rulare. În acest caz, textul sau alt obiect se deplasează de-a lungul câmpului paginii web în spațiul alocat acesteia:

Textul liniei târâtoare poate fi foarte mare și conține multe referințe

Codul pentru o linie de trestie simplă arată astfel:

Atribute ale unei linii de rulare

Apoi, atributele tag-ului încep (atributele liniei de acces cu crawlere) care controlează mișcarea unui obiect în câmpul de derulare (câmpul de deplasare). Un obiect în mișcare poate fi nu numai text, ci și orice alt obiect de design al paginii, de exemplu - un tabel sau o imagine. În acest caz, toate atributele standard sunt acceptate pentru formatarea stilului obiectelor care sunt mutate. care sunt înregistrate în stilul standard.

în consecință, codul pentru accesarea cu crawlere va fi (ca opțiune):

stil = "lățime: 500px;
înălțime: 56px;
culoare: # FF0000;
font-size: 12px; ">
Creeping linie

    Creeping linie

        Creeping linie

și un exemplu de funcționare a acestei linii:
Creeping linie
Creeping linie
Creeping linie

Codul pentru linia târzie este luat din exemplul anterior, pur și simplu a adăugat atributul bgcolor = "# BB99CC":

bgcolor = "# 66ff33"
stil = "lățime: 500px;
înălțime: 56px;
culoare: # FF0000;
font-size: 12px; ">
Creeping linie

    Creeping linie

        Creeping linie

Exemplu de lucru cu codul:

Creeping linie
Creeping linie
Creeping linie

Atributul de direcție controlează direcția de mișcare a obiectului sau a textului în mișcare și ia valorile stânga, dreapta, sus, jos, respectiv stânga, dreapta, în sus, în jos.

cod
Creeping linie
Creeping linie
Creeping linie
Creeping linie
Exemple, respectiv:

Trimiteți-le prietenilor: