可点击的图像（IMG）但需要鼠标图标才能切换它

Question

我的html页面中有可点击的图像，可以调用javascript函数...但是没有人点击它们，因为它们看起来不可点击...如何在不使用＆lt的情况下使它们可点击; a href =“”＆gt;＆lt; / a＆gt;围绕它标记？

以下是我的代码示例...

<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

除了添加光标：指针之外，在您的图像/按钮上添加一些样式也可能使它们看起来像链接，然后用户甚至必须将鼠标悬停在它们上面。尝试在图像上使用简单的边框或阴影/发光，为其提供更多3D效果，使它们看起来更“可点击”！此外，添加悬停状态（不同的样式到图像/按钮）确实有帮助。

Answer 4

更改

<div id="bvu11" style="margin: 0px 5px; float: left;">

到

<div id="bvu11" class="spanLink">

并添加

.spanLink {
   margin: 0px 5px; 
   float: left;
   cursor: pointer;
}

到你的CSS。