Css 在单击时更改鼠标指针

我目前正在从事一个项目，该项目涉及将使用自定义鼠标指针的元素。我用于该函数的代码很简单：

.hand {
    cursor:url(/images/cursor1.gif);
}

现在我的问题是： -我只是想知道（如标题所示），当您在div类“hand”（？）中单击时，是否还有其他方法可以将光标更改为cursor2.gif。

使用：

试试这个jquery

(function(){
$hand = $('.hand');
$hand.click(function() {
    $hand.css('cursor','url(YOURGIF.GIF)');
});
});

---

我想困难在于你需要鼠标在点击后保持不变，而不仅仅是在按下按钮的时候

这对你有用吗

function toggle(){

    var body = document.body; 
    body.id = ( body.id ) ? body.id : 'body_id'; // ffox

    body.use_custom_cursor = !body.use_custom_cursor;

    body.style.cursor = body.use_custom_cursor ? 'url(/images/cursor1.gif)' : 'auto';

}

然后

<div onclick="toggle()">Target</div>

目标

---

我只测试过Webkit和Firefox，不确定IE是否喜欢它。

您是使用纯JavaScript还是jQuery来处理此单击？您是希望光标仅在鼠标按钮按下时更改，还是希望它在用户单击后（半）永久更改？@Adrian-semi，但只要鼠标按下，它就应该可以正常工作。它似乎可以工作，但唯一的问题是，只要我在里面单击，手动光标2就会出现，并且消失得同样快。这是我的CSS:

.hand{width:1500px；height:500px；background:pink；cursor:url（/images/cursor1.gif），none；}.hand:active{cursor:url（/images/cursor2.gif），none；}

有一个小错误：“imgages”。需要使用'ffox'行来覆盖Mozilla使用的默认CSS光标规则：“body:not（[id]）。如果尸体还没有身份证，我就给它一个身份证。它不需要是“body_id”，它可以是任何东西。

<div onclick="toggle()">Target</div>