changement de couleur de lien

Bonjour,

dans ma page, je posséde un texte de lien, qui est gérer par un style css fixe, mais je veux que suite à un passage de curseur le couleur change du bleu (qui est définit par le style css) en rouge.

Je vous donne le code du texte

Code:

---

<a href="lien.htm" target="_parent"><font class="style">Link1</font></a>

---

ce qui suit c'est le code css

Code:

---

1 2 3 4 5 6 7 8 9

.style{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; font-style:normal; color:#0033CC;     }

---

c'est vrai qu'il ya des scripts de ce genre mais je suis independante de style!
Qui peut me guider à trouver un solution!? :wink:

Voilà peu etre quelque chose qui va t'aider:

onmouseover = se produit lorsque le pointeur de la souris passe sur l'élément.

@+ Vins

independante de style ? tu veux dire que tu ne veux pas utiliser de css ?

a:link
a:hover
a:visited sont pourtant bien pratiques ...


il reste juste le onmouseover alors ...comme dit ci dessus

Oui , mais comment intégrer l'evenement onmouseover dans mon code tout en gardant le style? :cry:

???
je ne comprend pas ton souci ...

si tu ne veux pas passer par le a:hover a:link etc ...

parcontre mettre un style dans une

fais simplement un style2:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<a href="lien.htm" target="_parent" class="style" onmouseover="this.className="style2" onmouseout='this.className="style">Link1</a>     .style{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; font-style:normal; color:#0033CC;     }   .style2{   color:red; }

---

en protegeant les " par des \" :P

çà marche pas encore, il prend le deuxiéme style par défaut!
Mais on ne peut pas le mettre dans un script et lui faire appelle? :cry:

Code:

---

<a href="lien.htm" target="_parent" class="style" onmouseover="this.className='style2'" onmouseout="this.className='style'">Link1</a>

---