我试图为特定的div制作一个自定义光标,但代码会将光标自定义为整页,我无法弄明白,你能帮助我吗?
我只想将自定义光标放在"容器" div是紫色的。
谢谢。
$(document).ready(function(){console.log($("container").length)
$("div").css('cursor','url(http://icons.iconarchive.com/icons/fasticon/beach/128/shark-icon.png),auto');
});
答案 0 :(得分:1)
使用
$("div#container")
而不是
$("div")
您的选择器$("div")
将css应用于页面上的每个div元素。使用$("div#container")
或$("#container")
,您可以选择指定其ID的所需元素。
答案 1 :(得分:0)
如果您使用$('div')
,它将适用于每个div元素。而不是这个,你必须使用ID选择器或类选择器。这样做:
$("#container").css('cursor','url(http://icons.iconarchive.com/icons/fasticon/beach/128/shark-icon.png),auto');
标识为#
的已更新问题,请使用此类使用.
。阅读简要Jquery Selector
你也可以在没有Jquery的情况下使用简单的css执行此操作:
#container {
width:960px;
height:100vh;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#7E33DB;
cursor: url(http://icons.iconarchive.com/icons/fasticon/beach/128/shark-icon.png),auto /*added */
}
答案 2 :(得分:0)
如果您想将自定义光标应用于特定div,那么在js中用户特定的div id / class,您将更改光标。