2015-02-26 4 views
2

Я использую Animate.css от Daniel Eden, который я скачал с here. Я могу анимировать вещи на своем сайте, просто используя класс animated (typeOfAnimation) для элемента, который я хочу оживить.Почему не анимация CSS при изменении класса с JavaScript?

Вот мой HTML:

<button onmouseover = "makeEnglishPulse()" id = "english" class = "animated bounceInRight">// English</button> 

А вот мой JavaScript:

function makeEnglishPulse() { 
    document.getElementById("english").class = "animated pulse"; 
} 

Моя кнопка не отскакивают один раз загружаю мой сайт, но почему он не импульсное, когда я иду с помощью мыши, хотя я меняю класс?

Для любых решений, я хотел бы остаться JavaScript или HTML только пожалуйста!

Спасибо!

ответ

3

Недвижимость для аренды - .className, а не .class.

function makeEnglishPulse() { 
    document.getElementById("english").className = "animated pulse"; 
} 
+0

Ничего себе, спасибо! Я не могу поверить, что не понял этого. –

+0

@ TheMan хорошо это не совсем очевидно :) Слово «класс» было зарезервированным словом в JavaScript с навсегда, поэтому использование альтернативы было необходимо. – Pointy

+0

Хорошо, я вижу ... Спасибо! –

Смежные вопросы