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」のご紹介でした。

関連記事

  1. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

  2. paroller.js

    JavaScript

    垂直・水平の動きに対応したパララックス効果を実装できる「paroller.js」

    paroller.jsは垂直・水平方向の動きに対応したパララックス効果…

  3. JavaScript

    レスポンシブ対応で優雅なエフェクトが印象的なjQueryスライダー「Juicy Slider」

    レスポンシブに対応している軽量のjQueryスライダー「Juicy S…

  4. Turntable.js

    JavaScript

    画像を使ってストップモーション動画のような効果を実装できる「Turntable.js」

    Turntable.jsは複数の画像を使ってストップモーション動画のよ…

  5. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

  6. multi.js

    JavaScript

    検索機能がついたセレクトボックスを実装できる「multi.js」

    multi.jsは検索機能がついた使いやすいユーザーフレンドリーなセレ…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP