Simplification de code sur onmouseover/out
Bonjour
Je veux appliquer onmouseover / out à chacun des éléments de <li>. Je ne peux utiliser qu'une seule fois l'id="a1", donc ce code ne fonctionne que pour le premier élément. Mettre l'id dans le <div> comme <div id="a1"> ne fonctionne pas. Merci pour votre aide. Romeo
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <div>
<ul>
<li> <a id="a1" hef="#">Bienvenue</a> </li>
<li> <a hef="#">Contact</a> </li>
<li> <a hef="#">Info</a> </li>
</ul>
</div>
<script type="text/javascript">
var a = document.getElementById("a1");
a.onmouseover = txtover
a.onmouseout = txtout
function txtover() { a.style.color = "red"; }
function txtout() { a.style.color = "green"; }
</script> |