MySQL interesse |
|
mijn bedoeling is om een afbeelding te laten zien en als je erover gaat moet er een sleutel meegaan op de coördinaten van de cursor.
maar als ik over de afbeelding beweeg, flikkert de sleutel constant
var ie = document.all ? true : false;
var yPos;
var xPos;
function show_key(e)
{
yPos = (ie == true) ? event.clientY + document.documentElement.scrollTop : e.pageY;
xPos = (ie == true) ? event.clientX + document.documentElement.scrollLeft : e.pageX;
document.getElementById('key').style.top = yPos + "px";
document.getElementById('key').style.left = xPos + "px";
document.getElementById('key').style.display = "block";
}
function hide_key(e)
{
document.getElementById('key').style.display = "none";
}
var ie = document.all ? true : false; var yPos; var xPos; function show_key(e) { yPos = (ie == true) ? event.clientY + document.documentElement.scrollTop : e.pageY; xPos = (ie == true) ? event.clientX + document.documentElement.scrollLeft : e.pageX; document.getElementById('key').style.top = yPos + "px"; document.getElementById('key').style.left = xPos + "px"; document.getElementById('key').style.display = "block"; } function hide_key(e) { document.getElementById('key').style.display = "none"; }
<img src="images/key.png" style="display:none;position:absolute;" id="key">
<input type="image" src="images/special_chest.jpg" name="open_chest" style="margin-top:100;" onMouseMove="show_key(event);" onMouseOut="hide_key(event);">
<img src="images/key.png" style="display:none;position:absolute;" id="key"> <input type="image" src="images/special_chest.jpg" name="open_chest" style="margin-top:100;" onMouseMove="show_key(event);" onMouseOut="hide_key(event);">
|