悬停以触发工具提示和菜单动画

Question

如何组合事件上的操作。因此，悬停将使菜单具有动画效果，并显示附加到该菜单项的工具提示。

我目前正在使用lavalamp和beautytips插件。

Answer 1

您将需要探索事件侦听器与事件处理程序。例如：

// Event handlers are declared like this:

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

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

以这种方式编写，每个元素可以有一个事件的函数。

事件侦听器允许您为事件附加任意数量的函数。它们在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这样的库和其他库也有类似的方法。在这个主题上的一些研究和实验应该会给你足够多的信息，让你在同一元素上同时显示工具提示和菜单动画。