0

ここに私が持っているものがあります:

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

JQueryを介して、クラス「エラー」をテキストボックスに渡すか受け取ります。したがって、テキストボックスには背景として画像がありますが、テキストボックス全体ではなく、その右側の部分のみがあります。私が今作りたいのは、画像のタイトルを表示するために、画像(テキストボックスではなく)にカーソルを合わせることです。画像にタイトルを追加する方法とホバーイベントを作成する方法は?

4

2 に答える 2

3

画像は入力の背景の一部であるため、イベントを添付することはできません。

ただし、すべてのブラウザーでツールチップのように機能するaltortitle属性をそれ自体に配置することはできます。input

于 2012-05-22T10:04:24.227 に答える
0

ホバーには、次を使用できます。

$('#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)};
});
于 2012-05-22T10:13:51.193 に答える