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

回答

相關問題