bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptマウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」JavaScript2015.05.18マウスの動きや位置に追従してくるツールチップを実装できる「jQuery.mousetip」jQuery.mousetipはマウスの動きや位置に追従してくる軽量のツールチップを実装することができるjQueryプラグインです。使い方や機能ともにとてもシンプルなので手軽に導入できるところがいいですね。jQuery.mousetip以下は実際のデモになります。デモコンテンツにホバーするとツールチップが表示され、マウスを動かしてもカーソルにピッタリとくっついてきます。何かの補足情報などを表示させたい時に便利ですね。使い方は、jQuery本体とプラグインを読み込んだ状態で、以下のようにマークアップします。class="tip">ツールチップ3</span></div>そして、あとはこんな感じでjQuery.mousetipをセットすればOKです。$('div').mousetip('.tip');});ポジションをカスタマイズしたい場合は以下のように、続けて数値を設定します。30);他にもCSSでスタイリングしたりと、けっこう自由にカスタマイズできちゃう感じなので、気になる方は是非チェックしてみてください。jQuery.mousetipのダウンロードや詳細については以下からどうぞ。Ratingは、ユーザーが選択する範囲を評価ウィ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。