Question

我是javascript的新手所以请原谅我天真的问题！

我只想在鼠标进入图像时将边框样式设置为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标签中完成，所以请避免告诉我......

Answer 1

你试过none吗？

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

如果您想使用0我认为正确的语法只是0而没有“solid”或“px”。

Answer 2

如果您只是切换边框宽度，则只处理边框宽度

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

Answer 3

您向我们展示的代码没有问题。请参阅http://jsfiddle.net/4x2qU/ - 当鼠标移到单词“test”上时，边框会显示，并且一旦鼠标移开，它就会再次消失。即使我从你的例子中遗漏了错误：它没有设置边框颜色（默认为“黑色”），而是切换所有边框参数而不是仅更改边框宽度。

Answer 4

问题是 onmouseleave 在IE之外不存在！

我用 onmouseout 替换它，现在它可以正常使用所有3个浏览器......

javascript设置边框样式0px

4 个答案: