可点击的图像(IMG)，但需要鼠标图标来改变它

Question

我的html页面中有一些可点击的图片，它们调用了javascript函数...然而，没有人点击它们，因为它们看起来不能点击...我怎样才能让它们在不使用标签的情况下可点击？

下面是我的代码示例。

<div id="bvu11" style="margin: 0px 5px; float: left;">
     <span id="bviu11">
     <img src="/images/icons/favorites_add.png" onclick="favoritesAdd(2,11,'u')">
     </span>
</div>

Answer 1

使用CSS

在你的图片中添加一个类(例如: clickable- image )，在你的CSS中：

.clickable-image
{
    cursor: pointer;
}

Answer 2

看一下css的cursor属性

<span id="bviu11" style="cursor: pointer;">

Answer 3

除了添加cursor:指针之外，也许在用户将鼠标悬停在它们上面之前，对图像/按钮进行一些样式设置也会使它们看起来像是链接。尝试一个简单的边框，或者在图像上放置阴影/发光，给他们一个更3D的效果，使他们看起来更“可点击”！此外，添加悬停状态(为图像/按钮添加不同的样式)也很有帮助。