【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);


\ Webデザインに関するお役立ち情報を定期的に配信中 /

Follow @webclips_jp

POPULAR POSTS
  • 【2022年版】 無料で使えるフリーイラスト素材サイト41選(商用利用可)
  • 【2022年版】漢字が使える日本語フリーフォント93選
  • フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 【2022年版】 Google Fontsの使い方とおすすめ日本語フォント
  • 【2022年版】 無料で使えるフリー画像・写真素材サイト27選(国内/海外)