Faire clignoter un lien ?

**reureureu** · 12/11/2015, 22h04

Bonjour,

Je me demandais s'il était possible de faire clignoter un lien (pas avec un effet de disparition, mais deux couleurs différentes afin que le lien soit toujours visible et cliquable).

J'ai trouvé un code correspondant pour du texte, mais je n'arrive pas à l'appliquer à un lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 
  <title>Couleur Test</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<script type="text/javascript">
 
function blinker(id,c1,c2)
{
        elm = document.getElementById(id);
        setTimeout(function() {setInterval(function () {elm.style.color=c1;},1000);},500);
        setInterval(function () {elm.style.color=c2;},1000);
}
  </script>
</head>
 
<body>
 
<span id="a">texte</span>
 
<span id="a"><a href="re.html" class="menu">lien</a></span>
 
 
<script type="text/javascript">
blinker('a','#ffff00','#FF00C2');
</script>
 
</body>

Est-ce que quelqu'un aurait une solution et pourrait m'aider ?

Merci et bonne soirée,
SH

**paulolol** · 14/11/2015, 11h58

Bonjour SH,

J'espère que je n'arrive pas trop tard.

Je pense que le mieux dans ta situation serait d'utiliser des animations CSS3, plutôt que du JS, comme ici :
http://jsfiddle.net/qn61e8f4/
En plus ça permet de faire le changement progressif de la couleur !

Sinon, si tu tiens à le faire en JS, il y avait plusieurs problèmes dans ton code. Déjà, il ne faut pas que tu attribut le même ID à plusieurs éléments, sinon seul le premier à l'avoir fonctionnera. Ensuite, il ne faut pas non-plus mettre ta balise <a> dans un <span> avec l'id souhaité, mais directement mettre l'attribut ID sur ton lien comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="re.html" class="menu" id="a">lien</a>

Mais si tu souhaites faire clignoter tous les liens de ton menu (je suppose), tu vas devoir utiliser ta class menu, comme ici :
http://jsfiddle.net/e82hqmg0/ (nécessite que tu cliques sur Run)
Mais cette méthode est complètement buggée, notamment lorsque l'on change d'onglet et que l'on revient sur cette page, donc je te conseille plutôt la précédente.

@++
paulolol

**reureureu** · 15/11/2015, 16h13

Merci paulolol, la solution marche nikel !

SH
#parisjetaime

Faire clignoter un lien ?

JavaScript

Discussions similaires

Partager

Partager