Simuler (forcer) le hover css
Bonjour à tous.
Je souhaite, pour la réalisation d'un site, au passage de la souris sur un élément de la page, simuler le passage de la souris sur un autre élément en même temps.
Je m'explique :
J'ai deux phrases dans ma pages et je souhaite lier les mots deux à deux, voici la partie html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<body>
<div>
<span class="token1" onmouseover="classHover(this);" onmouseout="classUnHover(this);">A</span>
<span class="token2" onmouseover="classHover(this);" onmouseout="classUnHover(this);">big</span>
<span class="token3" onmouseover="classHover(this);" onmouseout="classUnHover(this);">blue</span>
<span class="token4" onmouseover="classHover(this);" onmouseout="classUnHover(this);">bird</span>
<span>.</span>
</div>
<div>
<span class="token1" onmouseover="classHover(this);" onmouseout="classUnHover(this);">Un</span>
<span class="token2" onmouseover="classHover(this);" onmouseout="classUnHover(this);">gros</span>
<span class="token4" onmouseover="classHover(this);" onmouseout="classUnHover(this);">oiseau</span>
<span class="token3" onmouseover="classHover(this);" onmouseout="classUnHover(this);">bleu</span>
<span>.</span>
</div>
</body> |
Les spans ont déjà un style :hover en css défini. Jusque là, sans javascript, au survol d'un mot par la souris, le mot est entouré par une border.
Ce que je veux, c'est que lorsque je survole par exemple le mot "A" qui est de la classe "token1", le javascript simule un hover sur le mot "Un" de la même classe pour qu'il aille chercher sa propriété :hover dans le CSS.
Je ne veux pas (c'est ce que j'ai déjà fait en réalité) modifier le style du span avec .css(attribut, valeur) car cela me forcerait à écrire en dur dans mon code Javascript les propriétés CSS que je veux appliquer.
Je voudrais pouvoir dire au navigateur que l'on est aussi en train de survoler le deuxième élement et qu'il aille chercher les propriété adéquate dans la feuille CSS qui va bien.
Voila, j'espère m'être fait comprendre, en espérant vos réponses.
__________________________________________
Difré
