Анимированный текст JQuery

Невероятно сложно найти легкий/простой анимированный текст. Например, «Имплозия» на этом веб-сайте http://codecanyon.net/item/jquery-text-animation/full_screen_preview/233445, но мне придется заплатить за это. На самом деле любой вид простого всплывающего текста по клику был бы очень крутым. Любые предложения, ссылки или помощь?


javascript text jquery animated
person Howdy_McGee    schedule 30.06.2011    source источник
comment
На всякий случай, если кто-то стесняется щелкнуть ссылку — это довольно круто, стоит проверить.   -  person Wesley Murch    schedule 30.06.2011
comment
Я не плачу за плагины jQuery, но он просит всего 5 долларов, я бы купил плагин или использовал эффекты jQuery fadeIn/fadeOut.   -  person MikeM    schedule 30.06.2011
comment
@Wesley: некоторые могут подумать, что это круто, некоторые могут подумать, что они сидят в машине времени и застряли на старой демонстрации MS-Frontpage ^^   -  person Dr.Molle    schedule 30.06.2011
comment
Одна вещь, которую вы точно не должны делать, это декодировать его плагин и использовать его без лицензии. Не похоже, что это было бы действительно легко сделать или что-то в этом роде, так как это клиентская сторона.   -  person Steve Robbins    schedule 30.06.2011
comment
Пожалуйста, дайте обратную связь по ответам   -  person ariel    schedule 06.07.2011

Ответы (3)


arrow_upward
14
arrow_downward

Не так сложно создать такой эффект с помощью jQuery. Создайте отдельный элемент для каждого персонажа, переместите его куда-нибудь, а затем анимируйте в исходное положение.

Простой пример: http://jsfiddle.net/doktormolle/dNXVx/.

person Dr.Molle    schedule 30.06.2011
comment
Отличная работа... сколько мы вам должны? :D А если серьезно, то это идеально. - person Wesley Murch; 30.06.2011
comment
Я не знаю, законно ли его продавать, возможно, у MS есть авторские права на этот эффект :D - person Dr.Molle; 30.06.2011
comment
Надлежащий срок требуется пожертвование. - person Wesley Murch; 30.06.2011

arrow_upward
3
arrow_downward

Просто используйте функцию jquery fadeIn (документация):

$("#button").click(function() {$("#container").fadeIn()});

Образец: http://jsfiddle.net/cVELa/

person ariel    schedule 30.06.2011
comment
@valipour На самом деле любое простое исчезновение текста по клику было бы очень круто. - person ariel; 30.06.2011
comment
проблема не в исчезновении текста - эффект намного сложнее! запустить эффекты по ссылке - person Mo Valipour; 30.06.2011

arrow_upward
0
arrow_downward

Попробуйте Textillate.js! Он позволяет анимировать текст с помощью таких эффектов, как вспышка, отскок, дрожание и многое другое. Всего Textillate.js содержит более 25 эффектов, которые вы можете применить к своему тексту.

person Hirvesh    schedule 30.01.2013