画像にカーソルを合わせると問題が発生します。
サイトに入ると、ホバー状態がアクティブになりますが、マウスオーバー イベントまでアクティブになるべきではありません。マウスを画像の上に移動すると、ホバー効果が消え、適切に機能します。
コードスニペットは次のとおりです。 http://jsfiddle.net/JwztH/
私の質問が理解できることを願っています。
画像にカーソルを合わせると問題が発生します。
サイトに入ると、ホバー状態がアクティブになりますが、マウスオーバー イベントまでアクティブになるべきではありません。マウスを画像の上に移動すると、ホバー効果が消え、適切に機能します。
コードスニペットは次のとおりです。 http://jsfiddle.net/JwztH/
私の質問が理解できることを願っています。
display: none;
開始時に表示したくない項目 (たとえば ) の css を設定するだけ ですol li div.cykel a.cykel-hover
。
デモンストレーション: http://jsfiddle.net/dystroy/txYc4/
さらに、あなたは持っています
filter: alpha(opacity=0);
設定されてa.cykel-hover
いますが、IEでのみ機能します。他のブラウザーの場合は、追加opacity: 0
(およびおそらくベンダー固有のプレフィックスを持つバージョン); http://jsfiddle.net/JwztH/6/
これを使ってみて<a href="#" class="cykel-hover" style="opacity: 0;">
ください。
あなたは$(this).find(settings.target).stop().fadeTo(settings.duration, 0);
すべてのフェード可能なものに適用することができます
追加 -$('.cykel-hover').hide();
フィドル - http://jsfiddle.net/JwztH/5/