@Malvolio: Я думаю, что вы сделали хорошую попытку, и мне жаль, что я не могу отметить более одного хорошего ответа, но я также проголосовал за вас.
спросили, могу ли я придумать текстовый эффект в HTML, используя jQuery, где я получаю строку, а затем процедура автоматически обнаруживает слова и анимирует каждое слово, по одному за раз.
Подобно.
сек в анимации показывает: "Happy"
Секунды в анимационных шоу: «С Новым»
Секунды в анимационных шоу: «С Новым годом»
Секунды в анимационных шоу: «С Новым 2011 годом»
каждое слово должно постепенно исчезать / анимироваться, я думал, что простая скользящая панель, идущая прямо в пикселях, будет удовлетворительной - но нет. Слово за слово.
Мне могут понадобиться некоторые идеи по этому вопросу. Я знаю немного jQuery и много Javascript, поэтому я думаю, что мне нужно немного помочь с частью jQuery.
Для списка слов я просто разделил бы на "" (пробел) и принял бы это ",.!" и т. д. являются частью слова.
Но как мне анимировать этот «динамический массив» в jQuery - есть ли где-нибудь плагин или я первый?
Я думал, что, возможно, список с маркерами тоже может быть хитростью, затем заставьте его плавать горизонтально, как меню, и затем добавьте слово как новый маркер, один раз в секунду. Но я рад видеть, что эксперты здесь придумывают для решения. : О)
РЕДАКТИРОВАТЬ Из отмеченного ответа я имею это:
var str = $('div#greeting h1').html(); // grab text
$('div#welcome h1').html(""); // clear text
var spans = '<span>' + str.split(" ").join(' </span><span>') + '</span>';
$(spans).hide().appendTo('div#greeting h1').each(function(i)
{
$(this).delay(500 * i).fadeIn();
});
Тег STRONG работает, но каким-то образом части текста исчезают в группе.
Попробуйте это: «вот тестовый текст. [Strong] Мы считаем, что это лучше [/ strong], чем когда-либо». и вижу проблему.