【jQuery】テキストカラーをシャッフルさせるjQueryプラグイン「JUMBLE」

 
指定したテキストのカラーをシャッフルさせるプラグイン。あまり日本語フォント向きではないかも知れませんが、シャッフルスピードの設定も可能なのでLPの訴求ポイントやクリックさせたいボタンなど、アピールしたい箇所に使えそうです。

JUMBLE

Githubに公開されてますのでファイル一式をダウンロードしてください。

使い方はjQueryとダウンロードしたjumble.jsを読み込ませます。

Java File
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="/js/jumble.js"></script>

あとは以下のようにhtmlを記述してjavaで適用する要素を指定して完成です。

html
<h1>JUMBLE DEMO</h1>
Java
$('h1').jumble([180,160,90],[230,20,130],true,false,200);


  • 直感的に操作できるサイトツアーを実装できるライブラリまとめ
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
  • 【jQuery】背景画像のスライドショーを実装する「Vegas2」
  • 【jQuery】ページめくり効果を付けられる「OneBook3d」
  • 水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
RELATED POSTS
  • リデザインのレビューを集めたWebサービス「reDSGN」
  • 世界の国旗をCSSとdivのみで実装する「CSS Flags」
  • 【CSS】色々と使える疑似クラス:nth-child()の実用例
  • CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
  • あると便利なスクロールアニメーションライブラリ11選
  • 【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 無料で使用できる海外のフリー写真素材サイトまとめ