php - 可点击的图像（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

在你的图片中添加一个类（例如：clickable-image），并在你的 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。