在mouseout上還原爲原始的CSS

Question

我正在嘗試使AjaxControlToolkit Accordion控件在mouseover和mouseout上更改標題樣式。它工作正常，但當用戶鼠標懸停在當前選定的標題上時，將其留給選定標題的特殊CSS將被我分配的mouseout類所覆蓋。我正在使用onmouseover="this.className='AccHover'"和onmouseout="this.className='AccMouseOut'"在手風琴標題部分的<div>標記中。

有沒有辦法在mouseout事件中刪除AccHover類，並根據手風琴窗格的狀態自動恢復爲未選中的CSS樣式或Selected header樣式？

Answer 1

我會用：

onmouseover="this.classList.add('AccHover')"

和

onmouseout="this.classList.remove('AccHover')"

編輯：好的，我只記得classList並不在IE瀏覽器，我認爲這就是你正在測試中。在這種情況下，我會使用類似的東西：

onmouseover="this.className = this.className + ' AccHover';"

和

onmouseout="this.className = this.className.replace('AccHover', '');"

見例如http://jsfiddle.net/RgRUN/2/

不過，我會打電話給你自己的JavaScript函數，而不是編寫內聯。