クリック操作でテキストが飛びます！「Flight of Phrase」
当ページのリンクには広告が含まれています。
スポンサーリンク
クリック操作でテキストが飛びまくる効果を実装するプラグイン「Flight of Phrase」を紹介します。
jQueryプラグイン「Flight of Phrasey」
このプラグインを使えば、指定したテキスト（文字列）をサイト上で縦横無尽に飛ばすことができます。オプションでは、テキストの密度・時間、アニメショーン効果などを指定することができます。
サイトにおもしろい効果を加える事ができます。おすすめ！
スポンサーリンク
デモ「クリックしてください」というところをクリックしてみてください。
デモのソース（HTML + jQuery）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Flight of Phraseのデモでーす。">
<title>Flight of Phrase - jQueryプラグイン</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.fop-1.0.2.min.js"></script>
<script>
$(document).ready(function() {
$("#flying").Fop({
"phrase_class" : "flying",
"animation_type" : "right",
"phrase" : "フレーズが飛びまーす。",
"duration" : 4000,
"density" : 3
});
})
</script>
</head>
<body>
<h1>Flight of Phraseのデモでーす。</h1>
<p><span id="flying">▶ こちらをクリックしてください！</span></p>
</body>
</html>
スポンサーリンク