2

2 つの画像があります。1 つは開いた手で、もう 1 つは手をつかんでいます。シンプルな「onmousedown」と「onmouseup」関数が、Google マップのようなもので見られる有名なつかむ手を作るのに役立つことを願っていました。しかし...申し訳ありませんが、最初から:私は彼の背景を除いて、何も入っていない単純なDIVを持っています。マウスを押したままカーソルを「ドラッグ」し始めると、機能が開始され、カーソルフォームが「ハンドオープン」から「ハンドグラブ」に変更されるはずです。しかし、カーソルは、私が望むものではなく、テキストのセレクターになります。何か助けはありますか？これがその例です

<div onmousedown="function(){this.style.cursor='url(handgrab.png)'}"
onmouseup="function(){this.style.cursor='url(handopen.png)'}"
</div>

私が望む唯一のことは、マウスをDIVにドラッグするときにカーソルを変更することです。このインライン選択で申し訳ありませんが、すべてのJSファイルを書きたくありません...

4

1 に答える 1

-1

クラス名を介してこれにアクセスする必要があります。それは人生を楽にします。

この方法を試してください：-

HTML：

<div onmouseup="this.className='openHand'" onmousedown="this.className='closeHand'">
    Mouse Down and Up Events
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS：

.​openHand​ {
    cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
}

.closeHand {
    cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
}​

ライブデモを参照

于 2012-10-27T20:24:57.197 に答える