Анимированный HTML-элемент из jQuery

Question

Я застрял в коде, который я пытаюсь использовать с каждым днем. Код для изменения текста после 1-го элемента HTML. И я застрял в добавлении анимации к изменяющемуся тексту.

<h1>Your Favorite Source of<span id="changingtext"></h1> 

Я настраиваю элемент #changingtext из jQuery.

(function() { 
var texts = ["One", "Two", "Three", "Four"]; 
var count = 0, interval = 1000; 
addText(); 

function addText() { 

    var usrtxt = $("#changingtext"); 
    usrtxt.animate({marginTop:-10}, "fast"); 
    usrtxt.animate({marginTop:0}, "fast"); 
    usrtxt.animate({marginTop:-5}, "fast"); 
    usrtxt.animate({marginTop:0}, "fast"); 
    usrtxt.text(texts[count]); 
    count += count < 3 ? 1 : -3; 

    setTimeout(addText, interval); 

}}()); 

Я хочу, чтобы текст анимировал эффект Bounce каждый раз, когда он изменяется. Я также пробовал использовать animate.css, но не смог добавить класс к этому.

Пожалуйста, помогите.

спасибо.

Answer 1

Вы уверены, что код не указан?

Прокладка тега не закрыта.

Вы код это <h1>Your Favorite Source of<span id="changingtext"></h1>

Rigth один должен быть <h1>Your Favorite Source of<span id="changingtext"></span></h1>

Если код находится прямо в вас исходный файл, вы можете попробовать метод, как это. Это HTML DOM.

HTMLElement.innerHTML="New text!";