JavaScript お勉強メモ。jQuery のプラグイン化してみるお勉強の記録その1です。目標はその10くらいまで書くこと。
最近全く記事を書いていなかったので、目標決めてちょっとずつ書いてみることにしました。
Index
jquery.akTextOverlay の Demo
See the Pen by akey (@akey) on CodePen.
jquery.akTextOverlay のこと
指定したセレクタ内の <img> の上にテキストを表示するレイヤーがスライドインします。 スライドインする文字列は <img> の data-text 属性内に記述します。
<img data-text="スライドインさせる文字列">
スライドインさせるレイヤーの色やスピードなどなどは Options で渡せるようにしてみました。細かいレイアウトを指定するようなスタイルはプラグイン内に含まないようにしました。
jquery.akTextOverlay の Options
オプションは ここ にまとまっています。
次回以降はしばらく API から情報取得して表示する系の今まで書いたコードをプラグイン化してみます。
Booklog 、 Flickr 、 Instagram 、 Hatena あたりの予定^^
