0

イベントでアクションを組み合わせるにはどうすればよいですか。したがって、ホバーはメニューをアニメーション化し、そのメニュー項目に添付されたツールチップを表示します。

現在、lavalamp と beautytips プラグインを使用しています。

4

1 に答える 1

1

イベント リスナーとイベント ハンドラーを検討する必要があります。例えば：

// Event handlers are declared like this:

var elm = document.getElementById("someElement");

elm.onmouseover = function() { 
  elm.innerHTML = "OVER state has been triggered!";
}

このように記述すると、各要素はイベントに対して 1 つの関数を持つことができます。

イベント リスナーを使用すると、イベントに必要な数の関数をアタッチできます。IE と FF では異なるスクリプトですが、同じことを行います。生の JavaScript を使用すると、次のようなイベントを添付できます。

function listenFor(obj,eventName,fcnRef,bubbling) {
  if(!bubbling) { bubbling= false; }
  if(!obj.addEventListener) { obj.attachEvent("on"+eventName,fcnRef); }
  else { obj.addEventListener(eventName,fcnRef,otherthing); }
};

function handler1() {
  this.style.border = '2px solid red';
}

function handler2() {
  this.style.background = 'green';
}

listenFor(elm,"over",handler1);
listenFor(elm,"over",handler2);

JQuery などのライブラリには、これを行う同様の方法があります。このテーマに関する少しの調査と実験により、メニューをアニメーション化し、同じ要素にツールチップを同時に表示するのに十分な情報が得られるはずです。

于 2011-02-02T04:54:25.717 に答える