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

関連記事

  1. Horizon Swiper

    JavaScript

    スワイプやスクロール対応の軽量なjQueryプラグイン「Horizon Swiper」

    Horizon Swiperはスワイプやブラウザスクロールに対応したj…

  2. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

  3. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  4. jQuery.sdFilterMe

    JavaScript

    コンテンツを並べ替えれるフィルタリング機能の実装「jQuery.sdFilterMe」

    jQuery.sdFilterMeは、ポートフォリオ、記事、ギャラリー…

  5. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  6. no-image

    JavaScript

    オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

    jQuery Smooveは、オシャレなスクロールエフェクトを実装する…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP