|
Sujet : [Html] comment faire apparaitre un texte lorsque l'on passe la souris? |
| Roco |
Désolé! Chui une vrai faignasse moi!
Allez jte balance un ptit exemple vite fait avec lequel tu comprendra mieux.
<html>
<head>
<title>Sans titre</title>
<script type="text/javascript">
function montrer(x)
{
document.getElementById(x).style.visibility="v
isible";
document.getElementById(x).style.top=event.y+10
;
document.getElementById(x).style.left=event.x;
}
function cacher(x)
{
document.getElementById(x).style.visibility="h
idden";
}
</script>
</head>
<body>
<div id="lien1" style="position:absolute;visibility:hidden">
<table bgcolor="#00FFFF" border="1" bordercolor="#0080FF" cellpadding="0" cellspacing="0">
<tr>
<td><font color="#000000" face="verdana" size="2">Allez chercher sur gogole</font></td>
</tr>
</table>
</div>
<div id="lien2" style="position:absolute;visibility:hidden">
<table bgcolor="#00FFFF" border="1" bordercolor="#0080FF" cellpadding="0" cellspacing="0">
<tr>
<td><font color="#000000" face="verdana" size="2">Allez chercher sur Yahoo</font></td>
</tr>
</table>
</div>
<div id="lien3" style="position:absolute;visibility:hidden">
<table bgcolor="#00FFFF" border="1" bordercolor="#0080FF" cellpadding="0" cellspacing="0">
<tr>
<td><font color="#000000" face="verdana" size="2">Allez chercher sur lycos</font></td>
</tr>
</table>
</div>
<a href="http://www.google.fr" onMouseOver="montrer('lien1')" onMouseOut="cacher('lien1')">Premier lien</a>
<br><br>
<a href="http://www.google.fr" onMouseOver="montrer('lien2')" onMouseOut="cacher('lien2')">Deuxième lien</a>
<br><br>
<a href="http://www.google.fr" onMouseOver="montrer('lien3')" onMouseOut="cacher('lien3')">Troisième lien</a>
</body>
</html> |
FORUM HardWare.fr
