我想在圖像上方顯示div,以便div的頂部與光標對齊。
隨着光標移動,div也應該移動(現在只是垂直)。
在IE(純javascript請)。通過鼠標懸停動態定位div上方的圖像
<head runat="server">
<title></title>
<style type="text/css">
#ToolTip{position:absolute; width: 200px;background-color:Lime; top: 0px; left: 0px; z-index:400;visibility:hidden;}
</style>
<script language="javascript" type="text/javascript">
function On() {
MoveToolTip("ToolTip", "event.y", "event.x");
document.getElementById('ToolTip').style.visibility = 'visible';
}
function Off() {
MoveToolTip("ToolTip", 0, 0);
document.getElementById('ToolTip').style.visibility = 'hidden';
}
function MoveToolTip(layerName, top, left) {
document.getElementById(layerName).style.top = (eval(top));
//document.getElementById(layerName).style.left = (eval(left) - 360);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="ToolTip" >This is a test </div>
<a href="www.www.com"><img alt="mg" border="0" src="http://www.google.com/logos/holiday09_4.gif" onmouseout="Off();" onmouseover="On();" /></a>
</div>
</form>
</body>
</html>
這不會移動div,因爲我將光標移動到圖像上方。 – kenny 2009-12-24 16:03:33
也document.body.scrollTop不起作用,至少不在IE8中 – kenny 2009-12-24 16:22:46
我已經添加到您的解決方案onmousemove事件(類似於Can BerkGüder建議),並將document.body.scrollTop更改爲document.documentElement.scrollTop ;現在問題是閃爍 – kenny 2009-12-24 16:33:30