Question

我正在寻找如何在Internet Explorer 6中对输入框进行悬停效果？如果我可以利用YUI，我会使用YUI。

由于

Answer 1

试试这个javascript：

var inputs = document.getElementsByTagName("input");
var hoverOn = function() {
    this.className = "hover";
};
var hoverOff = function() {
    this.className = "";
};
for (var i = 0, l = inputs.length; i < l; ++i) {
    inputs[i].onmouseover = hoverOn; 
    inputs[i].onmouseout = hoverOff;
}

CSS：

input.hover {
    background-color: #f0f;
}

以上是在Firefox中运行的...让我知道IE6如何... http://jsbin.com/aseli

Answer 2

HTML：

<input type="text" id="elementid" />

JS：

var oElement = document.getElementById("elementid"); 
function fnCallback(e) { alert("mouse over"); } 
YAHOO.util.Event.addListener(oElement, "mouseover", fnCallback);

取自http://developer.yahoo.com/yui/event/#start

如何在Internet Explorer 6中的输入框上悬停效果

2 个答案: