在mouseout上恢复原始CSS

Question

我正在尝试使AjaxControlToolkit Accordion控件在mouseover和mouseout上更改标题样式。它工作正常，但是当用户将鼠标悬停在当前选定的标题上时，则保留所选标题的特殊CSS将被我指定的mouseout类覆盖。我只是在手风琴标题部分的onmouseover="this.className='AccHover'"标记中使用onmouseout="this.className='AccMouseOut'"和<div>。

有没有办法在mouseout事件中删除AccHover类并让它恢复为未选择的CSS样式或Selected头样式，具体取决于accordion窗格状态？

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