テキストに順番に色を付けるjQueryプラグインを公開しました

需要があるんだか無いんだか分からないですが・・・汗

テキストの色を順番に変更するプラグインを作成しました。

何はともあれデモページをご覧ください。

画面をスクロールして暫くすると、一部のテキスト若しくは、要素内のテキストの色が変わります。

デモページ

 

 

READ MEにも書いていますが、ざっくり使い方を説明致します。

 

// optionのcolorNameには色を変更するのに追加するクラス名を記述
// devideHeightは画面の高さを割る数
// timeoutは実行までの待機時間
// delayは一文字ずつ色を変更していく時間の間隔
var $el1 = $('#js-el1');
var el1Options = {
  colorName: 'color-blue',
  devideHeight: 2,
  delay: 200,
  timeout: 800
}
$el1.textColorChange(el1Options);
// 要素が画面の高さの1/2まで移動して800ms後に200ms間隔でテキストの色を変えていく

 

 

黒背景に白でテキストを表示させていくと、某探偵アニメの冒頭部分に見えなくもない・・・(- -;)

 

 

プラグインの配布はこちらで行なっています。

 

minifyしたプラグインのjsを使いたい場合にはhtdocsフォルダ内のファイルを、いじって改変したい場合にはsrcフォルダ内のjsファイルをご利用ください。

改変によるバグはご自身で解決をお願い致します。

本プラグインのバグはGitHubのissueへ報告をお願い致します。