WebLink - Tutto per la costruzione delle tue pagine web - password

Convergere oggetti verso il puntatore del mouse

Crediti:
Name: Mike Hall
Website: MHall75819

Note: Piuttosto laborioso, ma di effetto notevole.

Descrizione:

Si possono inserire 8 immagini, anche diverse, e queste inseguiranno il mouse raggiungendolo da diverse angolazioni, una volta sparite in una voragine virtuale daranno modo ad altre immagini di seguire lo stresso percorso.

Ho adoperato questo script per l'effetto che avete visto sulla pagina degli amici..

Passo 1: selezionare tutto il codice nella finestra sotto, cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, in questo caso fra i tags: <head> e </head>

<style type="text/css"> .ball { height: 11px; position: absolute; visibility: hidden; width: 11px; } </style> <SCRIPT LANGUAGE="JavaScript"> // prelevato su http://web-link.it //Original body by Mike Hall (MHall75819@aol.com) //Web Site: http://members.aol.com/MHall75819 //ENTER YOUR URL TO THE BALLS HERE  /* prelevato su web-link: http://web-link.it */ </script>

Passo 2: selezionare tutto il codice nella finestra sotto, cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, in questo caso fra i tags: <body> e </body>

<script language="JavaScript"> createLoadBar(300, 20, 1, "#000000", "#ffffff", "#ff0000", "MS Sans serif,Arial,Helvetica", 1, "<b>caricamento immagini</b>"); </script> <div id="ball1" class="ball"><img name="ballimg1" src="bullet.gif" width=11 height=11></div> <div id="ball2" class="ball"><img name="ballimg2" src="bullet.gif" width=11 height=11></div> <div id="ball3" class="ball"><img name="ballimg3" src="bullet.gif" width=11 height=11></div> <div id="ball4" class="ball"><img name="ballimg4" src="bullet.gif" width=11 height=11></div> <div id="ball5" class="ball"><img name="ballimg5" src="bullet.gif" width=11 height=11></div> <div id="ball6" class="ball"><img name="ballimg6" src="bullet.gif" width=11 height=11></div> <div id="ball7" class="ball"><img name="ballimg7" src="bullet.gif" width=11 height=11></div> <div id="ball8" class="ball"><img name="ballimg8" src="bullet.gif" width=11 height=11></div> <br><br><br><br><br><br><br><div align="center"> A seconda degli oggetti che inserite, questi seguono il mouse<br> <br> <br><img src="bullet.gif" width="11" height="11" alt="" border="0"> </div>

Copiatevi questa piccola sfera facendo uso del tasto destro: salva immagine con nome.

Passo 3: Inserite nel tag body l'evento onLoad in modo che diventi così:

<body onLoad="init()">

Note: E' possibile anche sostituire l'immagine della pallina con una qualsiasi altra immagine che abbia un formato valido.

Elenco completo degli script.

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