懸停以觸發工具提示和菜單動畫

Question

如何組合對事件的操作。因此，懸停會爲菜單添加動畫並顯示附加到該菜單項的工具提示。

我使用lavalamp和beautytips插件currenlty。

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和其他庫有類似的方式來做到這一點。有關此主題的一點研究和實驗應該能夠爲您提供足夠多的信息來爲菜單設置動畫並在同一元素上同時顯示工具提示。