链接效果 OnMouseOver答案

【问题标题】：Link Effect OnMouseOver链接效果 OnMouseOver
【发布时间】：2013-07-05 19:56:55
【问题描述】：

有没有办法用鼠标悬停的链接效果制作一个img？

我的意思是链接效果（将光标变为手指的效果）而不是真正的链接（到某个页面或其他任何内容）

提前致谢！

【问题讨论】：

标签： html css

【解决方案1】：

鼠标悬停时改变光标的CSS：

.class:hover{
cursor:pointer;
}

【讨论】：

没问题，很高兴我能帮上忙！

【解决方案2】：

将此添加到您的 CSS 中：

img:hover {
     cursor: hand;
     cursor: pointer;
}

这会将更改应用到所有图像标签，以使其更具选择性，只需将“img”替换为您选择的 CSS 类。

【讨论】：

如果他有一个他不想要效果的图像怎么办？我的错，请阅读结尾评论。

【解决方案3】：

试试这个：

.yourdiv:hover {
    cursor: pointer;
    }

看看这里：How to change cursor from pointer to finger using jQuery?

【讨论】：

【解决方案4】：

<html>
<head>
<style>
    .fake_link {
        cursor: pointer;
    }
</style>
<body>
<div class="fake_link">
    <span>This is my fake link text.</span>
</div>
</body>
</html>

【讨论】：

【解决方案5】：

可能的解决方案：

#element_ID:hover { cursor: hand; cursor: pointer; }

【讨论】：

【解决方案6】：

如果您坚持应用您的样式内联（在 html 中而不是在 css 中），您可以这样做：

<a style="cursor:pointer;">link text</a>

或

<img src="myPic.jpg" style="cursor:pointer;" />

默认情况下，当您将鼠标移到链接上时，任何 href 链接都应显示手形光标。

【讨论】：