hop

JavaScript

Webページ上の好きな場所をハイライトできる「hop」

hopはオーバーレイされたWebページ上の好きな場所をハイライトすることができるjQueryプラグインです。マウスのカーソルが丸い円で表示され、好きなポイントに動かしながらハイライトさせることが可能です。

hop

hop

デモには「let”s focus」「then Animate」「and now follow the mouse」の3つのボタンが用意されています。「and now follow the mouse」をクリックすると、ハイライトを自由に動かせるようになります。

ページ全体が黄色でオーバーレイされていますが、白いハイライト部分を動かすことで、好きなポイントをチェック可能です。

オプションに、color、radius、opacity、borderWidth、borderColorといったものが用意されているので、ちょっとしたカスタマイズをしたい人にもうれしいですね。

というわけで、Webページ上でハイライトを可能にするjQueryプラグイン「hop」のご紹介でした。

Force.js要素を手軽にアニメーション化できる「Force.js」前のページ

設定した高さに基づいて複数行のテキストを切り取る「Shave」次のページShave

関連記事

  1. Spring Loaders

    JavaScript

    ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」

    Spring Loadersはポリゴンでつくられたローディングアニメー…

  2. JavaScript

    JavaScriptの配列操作をメモがてら整理してまとめてみる

    自分用のメモです。JavaScriptの配列操作に関するメソッドなんか…

  3. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  4. no-image

    JavaScript

    レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

    K-Responsive-Menuは、レスポンシブでマルチレベルに対応…

  5. jQuery Tabs with Content Overlays
  6. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP