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

问题描述：

如何组合对事件的操作。因此，悬停会为菜单添加动画并显示附加到该菜单项的工具提示。悬停以触发工具提示和菜单动画

我使用lavalamp和beautytips插件currenlty。

答

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

// 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和其他库有类似的方式来做到这一点。有关此主题的一点研究和实验应该能够为您提供足够多的信息来为菜单设置动画并在同一元素上同时显示工具提示。

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

相关推荐