如何使用jQuery将光标从指针更改为手指?
2022-08-30 04:20:42
这可能真的很容易,但我以前从未做过。如何将光标更改为手指(如单击链接)而不是常规指针?
以及如何用jQuery做到这一点,因为这就是我使用它的目的。
这可能真的很容易,但我以前从未做过。如何将光标更改为手指(如单击链接)而不是常规指针?
以及如何用jQuery做到这一点,因为这就是我使用它的目的。
$('selector').css('cursor', 'pointer'); // 'default' to revert
我知道根据您最初的问题,这可能会令人困惑,但是“手指”光标实际上被称为“指针”。
普通的箭头光标只是“默认”。
更新!新的和改进的!查找插件 @ GitHub!
另一方面,虽然该方法很简单,但我创建了一个jQuery插件(可以在这个jsFiddle中找到,只需在注释行之间复制和粘贴代码),这使得更改任何元素上的光标变得像.$("element").cursor("pointer")
但这还不是全部!现在就行动,您将获得手部功能,无需额外费用!没错,2个非常方便的光标函数...自由!position
ishover
它们的工作原理与演示中所示一样简单:
$("h3").cursor("isHover"); // if hovering over an h3 element, will return true,
// else false
// also handy as
$("h2, h3").cursor("isHover"); // unless your h3 is inside an h2, this will be
// false as it checks to see if cursor is hovered over both elements, not just the last!
// And to make this deal even sweeter - use the following to get a jQuery object
// of ALL elements the cursor is currently hovered over on demand!
$.cursor("isHover");
也:
$.cursor("position"); // will return the current cursor position as { x: i, y: i }
// at anytime you call it!
供应有限,所以现在就行动起来吧!