Как добавить класс CSS при наведении с помощью JQuery

Добавить класс CSS при наведении можно средствами JavaScript. В частности для этого достаточно воспользоваться возможностями библиотеки под названием JQuery.

Итак, представленный ниже способ будет работать на большинстве современных браузеров (Mozilla Firefox, Microsoft Internet Explorer >=8, Google Chrome, Opera).

JavaScript:

$('#container').hover(
    function(){ $(this).addClass('klass-pri-navedenii') },
    function(){ $(this).removeClass('klass-pri-navedenii') }
)

HTML:

<div id="container">
    <!-- какой-то контент с разметкой -->
</div>

Как только вы наведете курсор на блочный элемент с идентификатором container, последний обзаведется классом klass-pri-navedenii. Отведете курсор, и все вернется на свои места. Этакая эмуляция CSS-ного element:hover.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.