将鼠标悬停在背景1上时,将光标替换为图像

时间:2015-08-06 00:47:16

标签: jquery html css hover cursor

我正在尝试为我网站的第1阶段显示png而不是我的光标。 背景图像转换在jQuery中,其余部分在PHP,CSS,HTML中。 我研究并使用了每个人似乎都使用的代码,但光标不会出现。我检查了图像的命名是否正确以及路径。 Chrome上的Inspect元素也没有显示任何错误。 如果你能找到错误,请告诉我......

光标应仅显示第一个背景(“顶部”)。 任何提示高度赞赏!

CSS:

.top {
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     z-index: 100;
     width: 100%;
}

.top: hover {
    cursor: url("images/cursorcamera.png");

的jQuery

$(document).ready(function(){
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'audio/camera.wav');

    $('*').click(function(){
        audioElement.play();
        $('.top').fadeOut('slow')

       // $('.second').fadeOut('slow').delay(1000);
        $('.second').delay(5000).fadeOut();
        $('#counter').delay(5000).fadeOut();
   });
});

2 个答案:

答案 0 :(得分:0)

不要使用悬停。在你的顶级css元素中声明光标网址,当你用鼠标悬停在元素上时它会起作用。

答案 1 :(得分:0)

我试过这个并且指针显示出来,而不是图像...所以它以某种方式工作而不是图像...
          。最佳 {            位置:绝对;            顶部:0px;            底部:0px;            左:0px;            右:0px;            z-index:100;            宽度:100%;            cursor:url(images / cursorcamera.png),指针;            }