在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函数，而不是编写内联。