Link vibranti

Crediti: Peter Gehrig and Urs Dudli
Name: Dudli and Peter Gehrig
Website: www.24fun.com

Descrizione: Un modo simpatico e diverso per evidenziare i proprio link, nel momento in cui il mouse si porta sopra al link stesso, questo comincia a vibrare per fermarsi poi lentamente.

Script: Copiate il codice sottostante e incollatelo nella vostra pagina web, in questo caso fra i tags <head> e </head>:

<script language="JavaScript" type="text/javascript"> // CREDITS: // Textlink-Shaker onMouseOver // by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com/fast/index.html // info@24fun.com // 1/5/2001 // IMPORTANT: // If you add this script to a script-library or a script-archive // you have to insert a link to http://www.24fun.com/fast/index.html // right into the webpage where the script will be displayed. // CONFIGURATION: // Go to http://www.24fun.com/fast/index.html, open category 'utility' and // download the ZIP-file of this script containing // the script-file with colorized step-by-step instructions for easy configuration var oldtext var newtext var newlink var speed=10 var i_speed=1.1 var i_text=1 var timer function startshake(thislink) { if (document.all) { newlink=eval("document.getElementById('"+thislink+"')") oldtext=newlink.childNodes[0].nodeValue shaketext() } } function shaketext() { if (speed<=200) { if (i_text<0) {newtext=oldtext+" "} else if (i_text>0) {newtext=" "+oldtext} newlink.childNodes[0].nodeValue=newtext; i_text=i_text*-1 speed=speed*i_speed timer=setTimeout("shaketext()",speed) } else { clearTimeout(timer) speed=20 newlink.childNodes[0].nodeValue=oldtext; } } function stopshake() { if (document.all) { clearTimeout(timer) speed=20 newlink.childNodes[0].nodeValue=oldtext; } } // End --> </SCRIPT> </SCRIPT>

Passo 2: Adesso non rimane che inserire per ogni link, i due eventi, onMouseOver="startshake(this.name)" onMouseOut="stopshake()".

Copiate il codice sottostante e incollatelo nella vostra pagina web in modo da creare un collegamento ipertestuale dotato di un proprio URL e di una propria descrizione:

<a href="http://www.centoxcento.cjb.net" name="nome" onMouseOver="startshake(this.name)" onMouseOut="stopshake()">descrizione del link</a>

Questo il risultato: 100%

Provate a portare il mouse sulla scritta cliccabile.

Nel caso in cui i link dovessero essere più di uno sarà sufficiente assegnare un nome diverso per ogni link. Nel codice al passo 2 trovate questo: name="nome" sostituite al posto di "nome" un qualsiasi nome a vostra scelta, l'importante che i colleg. ipertestuali siano tutti diversi fra di loro per evitare che vibri sempre lo stesso collegamento!