javascript设置边框样式0px

-1

我是JavaScript新手，所以请原谅我的天真问题！javascript设置边框样式0px

我只想在鼠标进入图像时将边框样式设置为1px，并在鼠标离开时将其设置为0。以下是我迄今所做的：

function cardMouseEnter(ctrl) { 
    document.getElementById(ctrl).style.border = "solid 1px"; 
} 

function cardMouseLeave(ctrl) { 
    document.getElementById(ctrl).style.border = "solid 0px"; 
}

与IE浏览器，同时它与Firefox和Safari，一旦边界设置为1px，也不会回去为0px工作正常。

我敢肯定有一个陷阱...我知道它可以在每个对象的HTML标签来完成，所以请避免告诉我...

来源

2011-08-28 Didier Levy

没有看到调用这些函数 –

你是不是出所有必要的代码不能回答你的问题码。你打电话给cardMouseEnter和cardMouseLeave函数怎么样？您必须以某种方式绑定到mouseover事件。 –

你尝试none？

function cardMouseLeave(ctrl) { 
    document.getElementById(ctrl).style.border = "none"; 
}

如果你想使用0我认为正确的语法很简单：0无“实”或“PX”。

来源

2011-08-28 21:37:43

仍在使用IE，但不支持FX :-( –

如果你只切换边框宽度则只能解决边界宽度

document.getElementById(ctrl).style.borderWidth = '1px';

来源

2011-08-28 21:37:46 Zlatev

有一个在你告诉我们的代码没有问题。请参阅http://jsfiddle.net/4x2qU/ - 当鼠标移动到“测试”一词上时显示边框，一旦鼠标移开，边框将再次消失。即使我留下了示例中的错误，它仍在工作：未设置边框颜色（默认为“黑色”），并且它仅切换所有边框参数而不是改变边框宽度。

来源

2011-08-29 07:40:27

问题是onmouseleave不存在IE以外！

我的onmouseout，现在取而代之的是其工作只是与所有3个浏览器的罚款...

来源

2011-08-29 11:18:05

javascript设置边框样式0px

回答

相关问题