Question

当鼠标超过页面背景（背景是广告）时，我想更改光标

我试过了：

<script>
    var $bodyb = $('body');
    $($bodyb).hover(function() {
        $(this).css('cursor','pointer');
    }, function() {
        $(this).css('cursor','auto');
    });
</script>

但它不起作用。任何解决方案？

Answer 1

试试这个：

body {
  cursor: pointer;
}

Answer 2

不要将$ body包装到另一个$（）中;只是做

  $bodyb.hover...

Answer 3

将悬停事件置于 Ready 事件中。另外，将选择器$($bodyb)更改为$bodyb。

 var $bodyb = $('body');
 $(document).ready( function () {
      $bodyb.hover(function() {
            $(this).css('cursor','pointer');
        }, function() {
        $(this).css('cursor','auto');
       });
  });

Answer 4

这是有效的，但我没有指针悬停背景

(function(){

            document.body.onclick = function(e){
            var t = null;
            if (!e){ var e = window.event; }
            if (e.target){ t = e.target; }
            else if (e.srcElement){ t = e.srcElement; }
            if (t.nodeType == 3){ t = t.parentNode; }
            if (t.tagName.toLowerCase() == 'body' || t.tagName.toLowerCase() == 'html' || (t.id && t.id == 'pub5header')){
                window.open('http://www.external-url.com/');
            }
            };
    f();
})();

Answer 5

最后，我做了一个更简单的事情，而不是搜索正文来改变光标，只是反过来......如果光标不在我的容器中......将光标改为指针：

$( "#container" ).hover(
   function() {
   $(document.body).css({ 'cursor': 'auto' })
   }, function() {
   $(document.body).css({ 'cursor': 'pointer' })
   }
);

鼠标悬停页面背景时更改光标

5 个答案: