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

Question

我有点击图像在我html网页，呼javascript功能...但是没有人点击他们，因为他们不看点能...我怎么能让他们点能不使用 <a href=""></a> 标记吗？

这里的一个例子是我的代码...

<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

一类添加到您的图像（例如：点击图像），这在你的CSS：

.clickable-image
{
    cursor: pointer;
}

Answer 2

看一看的CSS 光标属性

<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。