テキストにさまざまなアニメーション効果を付加するプラグイン「LetterFx」を紹介します。
jQueryプラグイン「LetterFx」
このプラグイン使えば、指定した要素のテキストに飛んだり、くるくる回ったり、飛んだり……といったさまざまなアニメーション効果を加えることができます。
デモでアニメーション効果を確認してみてください。
「LetterFx」のデモ
デモのソース(HTML + jQuery)
< meta name = "description" content = "LetterFxのデモでーす。" > |
< title >LetterFx - jQueryプラグインまとめ</ title > |
< link href = "jquery-letterfx.css" rel = "stylesheet" type = "text/css" /> |
< h1 class = "tagline" >LetterFx のデモでーす。</ h1 > |
< p class = "tagline" >「ボタン」をクリックしてください。テキストのアニメーションがはじまります。</ p > |
< button class = "btn" >ボタン</ button > |
< script src = "http://code.jquery.com/jquery.min.js" ></ script > |
< script src = "tuxsudo.min.js" ></ script > |
< script src = "jquery-letterfx.js" ></ script > |
$(".btn").click(function() { |
$(".tagline").letterfx({"fx":"swirl"}); |
jsファイルのダウンロード、その他オプションなどの詳細とはこちらからどうぞ。
» LetterFx