进入站点时的悬停状态

Question

我在图像上悬停时遇到问题。

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

这是代码-sn-p： 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/