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. Drift

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

  2. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  3. Animated Heat Distortion Effects with WebGL

    JavaScript

    陽炎のような揺れを表現できる「Animated Heat Distortion Effects wi…

    夏の暑い日などによく見かける「陽炎」のようなエフェクトを実装することが…

  4. ShowMore.js

    JavaScript

    長いコンテンツを折りたためるjQueryプラグイン「ShowMore.js」

    ShowMore.jsは長いコンテンツを折りたたんで表示・非表示を簡単…

  5. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

  6. no-image

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP