Faire suivre le pointeur d'une image
fanfan
-
sglug -
sglug -
Bonjour,
quelqu'un peut-il m'expliquer comment programmer en java script (ou l'endroit où trouver la réponse) pour qu'une image ou un texte suivre le pointeur de la souris ? Cela est à inclure dans un programme HTML. Je travaille sous Windows
Merci à tous
quelqu'un peut-il m'expliquer comment programmer en java script (ou l'endroit où trouver la réponse) pour qu'une image ou un texte suivre le pointeur de la souris ? Cela est à inclure dans un programme HTML. Je travaille sous Windows
Merci à tous
A voir également:
- Faire suivre le pointeur d'une image
- Pointeur souris - Guide
- Curseur Windows 10 : comment bien voir la souris à l'écran - Guide
- Suivre colis - Guide
- Légender une image - Guide
- Image iso - Guide
1 réponse
tu ajout dans la balise script
document.onmousemove = MouseMovement;
function MouseMovement(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
document.all.div1.style.left = window.event.x + 10;
document.all.div1.style.top = window.event.y + 20;
document.all.div1.style.visibility = "visible";
}
et dans le body
<div id="div1" style="position:absolute; left:0px; top:0px; z-index:3">
<img src='book1bleu.gif' name='re' >
</div>
dans la balise div tu y met tout le code que tu veut
document.onmousemove = MouseMovement;
function MouseMovement(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
document.all.div1.style.left = window.event.x + 10;
document.all.div1.style.top = window.event.y + 20;
document.all.div1.style.visibility = "visible";
}
et dans le body
<div id="div1" style="position:absolute; left:0px; top:0px; z-index:3">
<img src='book1bleu.gif' name='re' >
</div>
dans la balise div tu y met tout le code que tu veut
