點擊更改鼠標指針

Question

我目前正在研究一個涉及使用自定義鼠標指針的元素的項目。我使用該功能的代碼只是簡單：

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

現在我的問題： - 我只是想知道（如標題所說），如果有反正我可以使光標變化cursor2.gif當你點擊div類「手」（？）時。

Answer 1

使用:active psuedo-class：

.hand:active { 
    cursor: url('/imgages/cursor1.gif'); 
} 

Answer 2

試試這個jQuery

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

Answer 3

我收集難的是，你需要光標停留改後，你點擊，而不是僅僅在按鈕鬱悶。

這是否適合您？

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喜歡它不知道。