Возврат к оригинальному CSS при наведении мыши - PullRequest
Новая
       23

Возврат к оригинальному CSS при наведении мыши

0 голосов
/ 12 октября 2011

Я пытаюсь заставить элемент управления AjaxControlToolkit Accordion изменить стиль заголовка при наведении курсора и наведении мыши.Это работает нормально, но когда пользователь наводит курсор на текущий выбранный заголовок, а затем оставляет его, специальный CSS для выбранных заголовков перезаписывается назначенным мною классом mouseout.Я просто использую onmouseover="this.className='AccHover'" и onmouseout="this.className='AccMouseOut'" в теге <div> внутри заголовочных разделов аккордеонов.

Есть ли способ удалить класс AccHover для события mouseout и вернуть его обратно либоневыбранный стиль CSS или стиль заголовка Selected в зависимости от состояния областей аккордеона автоматически?

1 Ответ

2 голосов
/ 12 октября 2011

Я бы использовал:

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 вместо записи inline.

...