WebLink - Tutto per la costruzione delle tue pagine web - Invia mail

Men� che segue lo scorrimento della pagina.

Crediti:
Name: Roy Whittle
Website: www.javascript-fx.com

Descrizione: Questo men� resta sempre visibile indipendentemente dalla lunghezza della pagina che lo contiene. Infatti scorre in senso verticale con lo scorrere della pagina, posizionandosi sempre nel punto della stessa da voi prescelto. Funziona con tutti i tipi di browser.

Passo 1 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web e precisamente subito prima del tag di fine pagina </body> e </html>.

<script> if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">') </script> <layer id="divStayTopLeft">  <table border="1" width="130" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#ffffcc"> <p align="center"><b>Menu</font></b></td> </tr> <tr> <td width="100%" bgcolor="#FFFFFF"> <p align="left"> - <a href="http://www.web-link.it/html/html.htm">Guida HTML</a><br> - <a href="http://www.web-link.it/primipassi/start.htm">Primi passi</a><br> - <a href="http://www.web-link.it/css/css.htm">CSS</a><br> - <a href="http://www.ilmioforum.com/cgi-bin/forum/forum_show.pl" target="_blank">Forum</a><br> - <a href="http://www.web-link.it/cgi-bin/links/index.cgi">Top Links</a><br> - <a href="http://www.web-link.it/toplist/">I vostri links</a><br> - <a href="http://www.web-link.it/2faq.htm">FAQ</a><br> - <a href="http://www.web-link.it/scripting/scripting.htm">Scripting</a><br> - <a href="http://www.web-link.it/applets/applets.htm">Applets</a><br> - <a href="http://www.web-link.it/grafica/grafica.htm">Grafica Web</a><br> - <a href="http://www.web-link.it/guest.htm">Guestbooks</a> </td> </tr> </table>  </layer> <script type="text/javascript"> /* Floating Menu script- Roy Whittle (http://www.javascript-fx.com/) Script featured on/available at http://www.dynamicdrive.com/ This notice must stay intact for use Prelevato e illustrato su http://www.web-link.it */ //Enter "frombottom" or "fromtop" var verticalpos="frombottom" if (!document.layers) document.write('</div>') function JSFX_FloatTopDiv() { var startX = 5, startY = 250; var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x;this.style.top=y;}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function() { if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : document.body.scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("divStayTopLeft"); stayTopLeft(); } JSFX_FloatTopDiv(); </script>

Note : Nelle primissime righe dello script sono presenti tre variabili che servono per configurare la posizione del men�:

var verticalpos= due possibili scelte frombottom o fromtop per decidere se a partire dall'altro o dal basso.

var startX numero di pixel di distanza dall'alto o basso.

startY numero di pixel di distanza dal bordo sinistro.

Elenco completo degli script.

Puoi lasciarmi un msg, un suggerimento, una critica, un link.

Menu

- Guida HTML
- Primi passi
- CSS
- Forum
- Top Links
- I vostri links
- FAQ
- Scripting
- Applets
- Grafica Web
- Guestbooks