[JavaScript]跟随鼠标移动的DIV

关键事件

[body|img|...].onmousemove

关键代码

<div style="position:absolute;"></div>

obj.style.visibility = "visible";
div.style.left = event.x +getScrollL() + 10;//getScrollL()获取滚动条的Left值
div.style.top = event.y + getScrollT() + 10;//getScrollT()获取滚动条的Top值

附：获取滚动条参数的函数

/// <summary>
/// 获取滚动条的Left值
/// </summary>
/// <returns>scrollLeft值</returns>
function getScrollL()
{
var l
if (document.documentElement && document.documentElement.scrollTop)
{
l = document.documentElement.scrollLeft;
}
else if (document.body)
{
l = document.body.scrollLeft;
}
return l;
}

/// <summary>
/// 获取滚动条的Height值
/// </summary>
/// <returns>scrollHeight值</returns>
function getScrollH()
{
var h;
if (document.documentElement && document.documentElement.scrollTop)
{
h = document.documentElement.scrollHeight;
}
else if (document.body)
{
h = document.body.scrollHeight;
}
return h;
}

/// <summary>
/// 获取滚动条的Width值
/// </summary>
/// <returns>scrollWidth值</returns>
function getScrollW() {
var w;
if (document.documentElement && document.documentElement.scrollTop)
{
w = document.documentElement.scrollWidth;
}
else if (document.body)
{
w = document.body.scrollWidth;
}
return w;
}

/// <summary>
/// 获取滚动条的Top值
/// </summary>
/// <returns>scrollTop值</returns>
function getScrollT() {
var t;
if (document.documentElement && document.documentElement.scrollTop)
{
t = document.documentElement.scrollTop;
}
else if (document.body)
{
t = document.body.scrollTop;
}
return t;
}