Box scorrevole in javascript

Box scorrevole in javascript

Box scorrevole in javascript

I codici illustrati in questa pagina propongono la costruzione di box scorrevoli lungo le pagine in modo da tenerli sempre visibili al muoversi della barra di scorrimento.

Un box scorrevole in genere viene usato per dei menu che siano sempre visibili, ma nulla vieta di usarli per qualunque altra cosa: anche banner pubblicitari o immagini.

Lo script seguente è utilissimo nel caso di menu scorrevoli perchè è costruito in modo da far spostare un tag div che si trova all'interno della pagina e che contiene tutti i link href: i link non sono costruiti da javascript e questo assicura il fatto che i motori di ricerca possono "vedere" il menu di navigazione. Quello che fa il javascript è assegnare dinamicamente le coordinate di posizione del div, ed è costruito in modo da essere riconosciuto da qualunque browser.

Clicca per vedere l'esempio

Per vedere il codice nel suo insieme clicca qui

Clicca qui per scaricare l'intero codice e cominciare ad usarlo

Impostarlo per personalizzarlo è facilissimo.

Aprire il file menuscorrevole.js e impostare:

alto= coordinata superiore iniziale del div che voglio far scorrere

sinistra= coordinata sinistra iniziale del div che voglio far scorrere

salvare e chiudere il file e porre il collegamento a tale codice js nella pagina html, possibilmente nell'head inserendo:

<SCRIPT LANGUAGE="JavaScript" SRC="menuscorrevole.js"></SCRIPT>

fatto questo si passa a scrivere nella pagina un div OBBLIGATORIAMENTE col seguente id:

<div id="menuscorrevole"> qui posso scrivere qualunque cosa</div>

il gioco è fatto: quel div con quel determinato id scorrerà in verticale sulla pagina, quindi al suo interno posso mettere di tutto.

Attenzione: si può impostare in questo modo un solo div con quell'id, altrimenti non si sposterà nulla.

Ultima revisione pagina: 2019-05-28