Question

这就是我所拥有的：

.error
{
background: url(error.jpg) no-repeat right top;
}

并通过JQuery我将类“错误”提供给文本框。因此，文本框将图像作为背景，但不是整个文本框，而只是其右侧部分。我现在要做的是将鼠标悬停在图像（而不是文本框）上以显示图像的标题。如何为图像添加标题以及如何使其悬停事件？

Answer 1

由于图像是输入背景的一部分，因此无法将事件附加到其中。

但是，您可以在alt本身上放置title或input属性，这将在所有浏览器中充当工具提示。

Answer 2

悬停时，您可以使用：

$('#myElement').hover( function () {/*in focus code */},
                       function () {/*out of focus code*/});

要确定该图像是否已悬停，您需要附加到mousemove事件并在元素上方获取鼠标坐标并自行处理。我会在元素的每次mousemove事件之后存储当前的鼠标坐标，然后在你的悬停函数中确定你是否在图像区域内。

var currentMousePos;
$('#myElement').mousemove(function (event) {
  currentMousePos = {(event.pageX - $('#myElement').left), 
                     (event.pageY - $('#myElement').top)};
});

悬停事件的图像

2 个答案: