今日の人気記事

  1. select要素の複数選択フォームを実装「Multiple Select」
  2. ページのトップへゆっくりとスクロール(戻る)「Scroll to Top Control」
  3. シングル・マルチセレクトに対応した選択要素「SumoSelect」
  4. 検索/ソート/ページャー/フィルター付きのテーブル「Bootgrid」
  5. jsファイルを非同期に遅延読み込み「Lazy Script」

テキストにフラッシュ効果を「Audero Flashing Text」

スポンサーリンク

テキストにフラッシュ効果を加えることのできるjQueryプラグイン「Audero Flashing Text」を紹介します。

jQueryプラグイン「Audero Flashing Text」

指定した要素の枠内で、テキストのサイズ・位置が変化しながらフラッシュします(瞬きます)。

覚えてもらいたいテキストを四六時中フラッシュさせることで、意外な効果があるかも!?しれません。

スポンサーリンク

デモで、テキストのフラッシュ効果を楽しんでみてください。フラッシュがうっとうしくなった場合は、「フラッシュ停止」というボタンを押せば、フラッシュが止まります。

「Audero Flashing Text」のデモ

デモのソース(HTML + jQuery)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Audero Flashing Text - jQueryプラグインまとめのカルマ</title>
<style>
.box {
  width: 500px;
  border: 1px solid blue;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.auderoFlashingText.js"></script>
<script>
$(window).load(function() {
  $("#flash").auderoFlashingText();
  $("#flash-stop").click(function() {
     $("#flash").auderoFlashingText('destroy');
     return false;
  });
});
</script>
</head>
<body>
<h1>Audero Flashing Text のデモでーす。</h1>
<div id="flash" class="box">
<p>jQuery</p>
<p>プラグイン</p>
<p>まとめ</p>
</div>
<button id="flash-stop">フラッシュ停止!</button>
</body>
</html>

jsファイルのダウンロード、オプション詳細はこちらからどうぞ。
» Audero Flashing Text

スポンサーリンク

関連記事(一部広告含む)