Главная » 2012 » Март » 16 » JavaScript's: Интересная анимация текста с помощью jQuery
18:18 JavaScript's: Интересная анимация текста с помощью jQuery | ||||||||||||
Интересная анимация текста с помощью jQueryСоветуем посмотреть: src="http://pagead2.googlesyndication.com/pagead/show_ads.js">  ДЕМО МАТЕРИАЛА В head на нужных вам страницах вставляйте: Code <script src="/js/easing.js"></script> <script> $(document).ready(function(){ $("#start").click(function(){ setTimeout(function(){ $("div:animated").css("border", "2px solid red"); }, 3000); }); $("#textanim").click(function(){ if ( !$("#text span").length ) $("#text").html(jQuery.map( $("#text").html().split(""), function(letter){ return "<span>" + letter + "</span>"; }).join("")); $("#text span").each(function(i, letter){ setTimeout(function(){ $(letter) .animate({ fontSize: "4em" }, 1000, "elasinout") .animate({ fontSize: "1em" }, 1000, "elasinout"); }, i * 100); }); }); }); </script> Текст, который будем анимировать, прописываем так: Code <div id="text">Этот текст классно анимируется!!!</div> Стилизация текста прописывается так: [code]<style> #text { height: 100px; width: 100%; text-align:center; background: none; border: none; } </style> Кнопка, которой мы будем вызывать анимацию, прописывается так: Code <button id="textanim" value="Animate Scroll">Animate Letters</button> Далее в папку js (Если такой нет - создайте) залейте скрипт из прикреплённого архива Материал взят с сайта infoscript.ru Теги: Скачать Интересная анимация текста с помощью jQuery
| ||||||||||||