1

イメージよりもいくつかの要素をマウスオーバーすると、アプリケーションの Firefox のカーソルにイメージまたは div 要素がカーソルにアタッチされます。

4

1 に答える 1

6

CSS を使用すると、かなり簡単に画像をマウス カーソルとして使用できます。

div {
    cursor: url(mypointer.gif), auto;
}

これにより、div タグにカーソルを合わせると、指定したグラフィックにカーソルが変わります。この例の CSS セレクターを変更して、カスタム マウス ポインターを配置するページの部分に一致させる必要があります。(もちろん、グラフィックを作成し、CSS コードで正しい名前を参照する必要もあります)。

これにはいくつかの制限があることに注意してください (ブラウザの互換性、画像のサイズなど)。このページで詳細を説明します: http://www.quirksmode.org/css/cursor.html (URL スタイルに関するビットまでスクロールして、使用方法と詳細情報を確認してください)

それ以上のものが必要な場合 (たとえば、マウスに続く div 全体、または上記でサポートされているよりも大きなグラフィックが必要な場合は、Javascript を使用する必要があります。最適なオプションは、JQueryなどの JavaScript ライブラリと適切なプラグインを使用することです。の。

これは、テキストと画像を使用してツールチップを設定できるJQuery プラグインへのリンクです。デモとサンプル コードが含まれています。JQuery とこのプラグインをダウンロードして、サイトに追加する必要があります。

于 2010-10-08T13:00:32.017 に答える