Jquery MouseOver DIV的一部分

Question

嗨，我有一个DIV，上面有一个大约有40个表情符号的精灵。 它的200px * 100px和每个表情符号大约是25 * 25px。

我希望能够使用鼠标来解释每个表情符号 - 例如：':) smile'。

我不确定如何获得对特定坐标的JQUERY鼠标悬停效果。

真的只需要用这个方向推动正确的方向...... 不知道怎么开始...

你能设置JQUERY来读取DIV的部分内容并做出不同的反应吗？

图像都是一个精灵的一部分，所以我没有单独的ID / CLASS标签可以挂钩。

非常感谢任何建议。

THX

Answer 1

实际上很容易。

$("#div").mousemove(function(e)
{
    var x = e.pageX - this.offsetLeft;
    var y = e.pageY - this.offsetTop;
});

这是一个有效的jsfiddle示例 - http://jsfiddle.net/MKVuk/

以下是有关该主题的文档 - http://docs.jquery.com/Tutorials:Mouse_Position#How_do_I_find_the_mouse_position.3F

编辑：

我的版本将返回相对于元素而不是页面的坐标，这对于解决我怀疑的问题会更有用。