Jquery MouseOver 部分的 DIV

Question

您好，我有一个 DIV，其中包含一个精灵，上面有大约 40 个表情符号。 它是200px * 100px，每个表情是25*25px左右。

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

我不确定如何获得特定坐标的 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

编辑：

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