进入网站时悬停状态

Question

我在悬停在图片上时出现问题。

当进入站点时，悬停状态是活动的，但它不应该是鼠标悬停事件。 将鼠标移到图像上时，悬停效果会消失并正常运行。

以下是代码段： http://jsfiddle.net/JwztH/

我希望我的问题是可以理解的。

Answer 1

只需在css中设置您不想在开始时看到的项目display: none;（例如ol li div.cykel a.cykel-hover）。

示范：http://jsfiddle.net/dystroy/txYc4/

Answer 2

尝试使用<a href="#" class="cykel-hover" style="opacity: 0;">这适用于我。

http://jsfiddle.net/mavrick3/JwztH/3/

Answer 3

添加 - $('.cykel-hover').hide();

小提琴 - http://jsfiddle.net/JwztH/5/

Answer 4

另外，你有

filter: alpha(opacity=0); 

在a.cykel-hover中设置，但它仅适用于IE。对于其他浏览器，添加opacity: 0（可能还有特定于供应商的前缀版本）; http://jsfiddle.net/JwztH/6/

Answer 5

您可以将$(this).find(settings.target).stop().fadeTo(settings.duration, 0);应用于所有可淡化的

演示：http://jsfiddle.net/v937A/