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. BookBlock Revised
  2. Slyder

    JavaScript

    レスポンシブ対応のスライダーナビゲーションを実装できる「Slyder」

    Slyderはレスポンシブに対応したスライダーナビゲーションを実装でき…

  3. socialShare.js
  4. Material Design Responsive Table
  5. JavaScript

    jQuery MobileでWebサイトをスマートフォン対応にする時に見ておきたい記事のまとめ

    今更ながらようやくjQuery Mobileを使い始めたんですが、基本…

  6. FractionSlider

    JavaScript

    各要素ごとにスライドアニメーションを設定できるjQueryプラグイン「FractionSlider」…

    複数の各要素ごとにスライドアニメーションを設定できるjQueryプラグ…

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP