將光標指向懸停在td右側的指針

我有一張td表。我希望它能讓用戶在他/她到達特定td的右邊界時看到光標變成指針，並且當用戶沒有懸停右邊界時恢復到正常指針。將光標指向懸停在td右側的指針

谷歌搜索了很多，但我似乎無法找到答案。希望這裏有人能幫助我......？

我希望它是純粹的CSS，但也許還需要一些查詢嗎？

2017-07-20 Dave33

好的，謝天謝地，Varnit讓我走上了正軌！我將發佈最終在safari中爲我工作的代碼，希望我可以幫助其他人。 – Dave33

var threshold \t = \t 20; \t \t \t $（$表+ 'TD'）.mousemove（函數（e）中{ 如果（（（$（本）.innerWidth（） - e.offsetX）<閾值））{ $（」 HTML，身體 '）的CSS（' 光標」， '指針'） } 其他 { $（ 'HTML，身體'）的CSS（ '光標'， '汽車'） } }）; – Dave33

您可以使用CSS來修改光標在你的案件類型的行爲，你可以使用

your_td_tag:hover { 
    cursor:progress 
}

如果您特別想選擇邊境只有你必須使用一些JavaScript哈克東西

$('div').click(function(e){ 
    if( e.offsetX <= parseInt($(this).css('borderLeftWidth'))){ 
     $("div").css("cursor:progress"); 
    } 
});

這裏的div可以被任何標籤替換，遊標的進度可以被你想要的遊標替換。

有各種類型的默認可用汽車十字默認光標電子調整搶幫助移動正調整 NE-調整 NW-調整指針進步 S-調整 se-resize sw-resize text w-resize wait not-allowed no-drop

，你也可以使用自定義光標如下

your_td_tag_selector:hover{ 
cursor: url('some-cursor.ico'), default; 
}

這裏默認是作爲後備機制，所以如果不支持某些-cursor.ico或不存在，它會回落到默認光標。

讓我知道它是否能解決您的問題。

來源

2017-07-20 13:12:37 varnit

感謝您的回覆！它確實部分解決了這個問題，因爲我希望光標在用戶懸停在td的右側時更改，而不是其他任何地方。並在他/她將光標從td的右側移開時改回。你知道有一種方法可以做到嗎？ – Dave33

是的，我已經更新了答案嘗試這個 – varnit

仍然有效，我不敢說:-(它現在要改變光標，但在左側（嘿，病了修復np），問題是雖然它doesn我徘徊時不會改變。 – Dave33

將光標指向懸停在td右側的指針

回答

相關問題