[HTML] link lampeggianti mouseover

sarais · 05-01-2007, 02:18

ciao,
qualcuno potrebbe spiegarmi come far lampeggiare un link solo quando ci si passa sopra con il mouse? mi basterebbe una cosa semplice semplice, da bianco a nero a bianco ecc.
ho provato con:

Quote:

ovvero aggiungendo ' blink' a 'text decoration' in hover ma non funziona su nessun browser (i link si comportano normalmente, non lampeggiano)

grazie

matteo

Pro7on · 05-01-2007, 07:19

mmm per esperienza personale ti dico che il blink nn è che sia molto supportato dai vari borwser e da parecchi probblemi cmq

mi sembrerebbe corretto il pezzo di codice che da style a <a>...

cmq booo lascia un hover normale senza il lampeggio e meglio secondo me

Ciauz

andbin · 05-01-2007, 08:40

Se si vuole si può realizzare una soluzione basata su Javascript. Ecco un esempio che ho appena scritto:

Codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prova Blink</title>
<script type="text/javascript">
<!--
var blinkObj;
var blinkState;
var blinkTimeoutID;

function startBlink (a)
{
    blinkObj = a;
    blinkState = 1;
    toggleBlink ();
}

function stopBlink ()
{
    window.clearTimeout (blinkTimeoutID);
    blinkObj.style.color = "";
}

function toggleBlink ()
{
    blinkObj.style.color = (blinkState ^= 1) ? "" : "white";
    blinkTimeoutID = window.setTimeout (toggleBlink, 250);
}
//-->
</script>
</head>
<body>

<p>
<a href="http://www.google.com" onmouseover="startBlink(this)" onmouseout="stopBlink()">Google</a>
<br>
<a href="http://www.altavista.com" onmouseover="startBlink(this)" onmouseout="stopBlink()">Altavista</a>
</p>

</body>
</html>

Testato con Firefox 2, IE 6, Opera 7 e 8.

sarais · 05-01-2007, 09:21

grazie mille andbin, è perfetto!
su mac funziona con safari 1.3.2, firefox 2.0.0.1, camino 1.0a1, opera 8.5 ma non su explorer 5.2 (non è un problema, non lo usa più nessuno).
qualcuno con firefox 1, se ha tempo e voglia, può dirmi se funziona?
una sola domanda: il tempo del lampeggio

Quote:

blinkTimeoutID = window.setTimeout (toggleBlink, 100);

in che unità è espresso? millisecondi?
mi serve per coordinare il lampeggio di alcune gif animate.

matteo

andbin · 05-01-2007, 09:48

Quote:

Originariamente inviato da sarais

su mac funziona con safari 1.3.2, firefox 2.0.0.1, camino 1.0a1, opera 8.5

Bene.

Quote:

Originariamente inviato da sarais

non su explorer 5.2 (non è un problema, non lo usa più nessuno).

Non ho un mac quindi non potrei neanche testarlo meglio. Comunque su IE 5.5/Win funziona.

Quote:

Originariamente inviato da sarais

qualcuno con firefox 1, se ha tempo e voglia, può dirmi se funziona?

Funziona anche su un vecchio Mozilla 1.7, quindi presumo che funzioni bene pure con Firefox 1.x.

Quote:

Originariamente inviato da sarais

una sola domanda: il tempo del lampeggio in che unità è espresso? millisecondi?

Quel tempo specificato nella setTimeout è in millisecondi. Per come ho gestito il blink, è il tempo di durata di uno stato. Se metti 100, allora starà 100ms visibile e 100ms non visibile.

sarais · 05-01-2007, 10:16

ok, ho coordinato anche le gif.
grazie ancora!

quando tra qualche settimana avrò finito vi posterò il link per vedere il risultato.

matteo

05-01-2007, 07:19	#2
Pro7on Senior Member Iscritto dal: Jun 2005 Città: CH Messaggi: 1058	mmm per esperienza personale ti dico che il blink nn è che sia molto supportato dai vari borwser e da parecchi probblemi cmq mi sembrerebbe corretto il pezzo di codice che da style a <a>... cmq booo lascia un hover normale senza il lampeggio e meglio secondo me Ciauz __________________ My_Site\|\| My Work CPU \|\| MY I MOD

05-01-2007, 10:16	#6
sarais Member Iscritto dal: Apr 2004 Città: Vicenza Messaggi: 51	ok, ho coordinato anche le gif. grazie ancora! quando tra qualche settimana avrò finito vi posterò il link per vedere il risultato. matteo

Strumenti
Mostra una versione stampabile Invia questa pagina per email