今日の人気記事

  1. 動画のポップアップLightbox「Video Lightning」
  2. カラー・位置・サイズを調節できるスクロールバーを追加「slimScroll」
  3. Tableカラム(列)にソート機能を追加「Tablesorter」
  4. さまざまなデバイスに対応しているレスポンシブメニュー「SmartMenus」
  5. 画像ポップアップ・スライドショー「Lightbox 2」

テキストにフラッシュ効果を「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

スポンサーリンク

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