Unicorn.js

JavaScript

ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレインボーカラーに光り始めるjQueryプラグイン「Unicorn.js」です。とても目立つので注目させたいテキストがある時なんかにいいかもしれません。

[ads_center]

Unicorn.jsの使い方

こんな感じでカラフルに光ります。

Unicorn.jsの使い方

使い方は、まずjQuery本体とプラグインを読み込みます。

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="path/to/unicorn/unicorn.js"></script>

そしてプラグインを呼び出してあげればOKです。

<script>
$(function() {
    $(".sample").unicorn();
});
</script>

lightやspeedなどのオプションも用意されています。

toddpress/Unicorn-js · GitHub

フレキシブルな垂直ニュースティッカーを実装できるjQueryプラグイン「JQuery Advanced News Ticker」前のページ

チェックボックスをiOS7のようなスタイルにしてくれるjQueryプラグイン「Switchery」次のページSwitchery

関連記事

  1. HR Navigation Responsive Menu
  2. no-image

    JavaScript

    インタラクティブなツリー機能を実装できる「jstree」

    jstreeはインタラクティブなツリー機能を実装できるjQueryプラ…

  3. Slideme

    JavaScript

    スライドでコンテンツを魅せることができるjQueryプラグイン「Slideme」

    SlidemeというjQueryプラグインを使えばコンテンツをスライド…

  4. multi-list

    JavaScript

    複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

    multi-listは、順序付けされていないリストを複数の選択可能なリ…

  5. CSS3 3D Text Plugin for jQuery
  6. fineScroll bar

    JavaScript

    簡単に使えるスクロールバー実装「fineScroll bar」

    fineScroll barは簡単に使えるスクロールバーを実装できるj…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP