0

我有两个横幅（图像），每 4 秒切换一次。一张图片可点击，另一张不可点击。下面是代码，

<div class="contentdiv"> 
  <h:commandLink  action="#{myBean.firstBannerClick}" id="firstBanner" style="text-decoration:none;">
  <img src="/firstImage.jpg" width="590" height="210"  border="0" class="clickable"/> 
  </h:commandLink> 
</div>

<div class="contentdiv"> 
    <img src="/secondImage.jpg" width="590" height="210"  border="0" class="notClickable"/> 
</div>

编辑：我也试过下面的代码

$(function(){
    $('.clickable a').hover(function(){
        $(this).css({'cursor':'pointer'});
    },function(){
        $(this).css({'cursor':'default'});
    });
});

$(function(){
    $('.notClickable a').hover(function(){
        $(this).css({'cursor':'default'});
    },function(){
        $(this).css({'cursor':'default'});
    });
});

编辑到此结束

下面是CSS用过的。

<style type="text/css">
.clickable
{
cursor: pointer;
}
.clickable a:hover
{
cursor: pointer;
}
.notClickable
{
cursor: default;
}
.notClickable a:HOVER
{
cursor: default;
}

.chrome .clickable
{
cursor: pointer;
}
.chrome .clickable a:hover
{
cursor: pointer;
}
.chrome .notClickable
{
cursor: default;
}
.chrome .notClickable a:HOVER
{
cursor: default;
}
</style>

当图像切换时，当用户将光标移到图像上时，第一张图像将显示为指向用户的指针。当切换到第二张图像时，并且当用户没有将光标从图像上移开时，第二张图像也将显示为指针而不是默认值。只有当用户将光标移到第二张图片上时，它才会更改为默认值，然后用户才会知道第二张图片不可点击。

这个问题在FF上是看不到的。然而，这在 Chrome 和 IE 中可以看到。

这个问题可以看作是这个问题的延续。因为，现在问题是特定于浏览器的，所以我将它作为一个新问题提出。

4

1 回答 1

0

您可以像这样手动更改鼠标光标：

// Changes the cursor to an hourglass
function cursor_wait() {
    document.body.style.cursor = 'wait';
}

// Returns the cursor to the default pointer
function cursor_clear() {
    document.body.style.cursor = 'default';
}
于 2012-12-17T08:26:24.777 回答