自定义光标图像仅适用于一个div

时间:2015-07-10 11:13:01

标签: jquery html css

我试图为特定的div制作一个自定义光标,但代码会将光标自定义为整页,我无法弄明白,你能帮助我吗?

我只想将自定义光标放在"容器" div是紫色的。

谢谢。

http://jsfiddle.net/k6nb0hss/

 $(document).ready(function(){console.log($("container").length)
$("div").css('cursor','url(http://icons.iconarchive.com/icons/fasticon/beach/128/shark-icon.png),auto');
});

3 个答案:

答案 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

DEMO

你也可以在没有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 */
}

CSS DEMO

答案 2 :(得分:0)

如果您想将自定义光标应用于特定div,那么在js中用户特定的div id / class,您将更改光标。