Jquery MouseOver DIV的一部分

Question

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

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

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

真的只需要用这个方向推动正确的方向...不确定如何开始......

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

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

任何建议将不胜感激.

谢谢

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

编辑:

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