2012-06-27 2 views
1

이미지 위에 마우스를 올리는데 문제가 있습니다.사이트에 들어갈 때 마우스 오버 상태입니다.

사이트에 입장 할 때 마우스 오버 이벤트가 활성화 될 때까지 마우스 오버 상태가 아니어야합니다. 이미지 위로 마우스를 가져 가면 호버 효과가 사라지고 제대로 작동합니다. 내 질문은 이해 바랍니다 http://jsfiddle.net/JwztH/

:

다음은 코드 조각입니다.

+0

http://jsfiddle.net/deerua/JwztH/4/ – deerua

+0

, 내가 가진 일부 귀하의 플러그인에 대한 제안. '1 - live 대신에 사용 .2 - 플러그인에서 이것을 반환합니다 .3 - 두 가지 기능을 마우스로 가리킬 수 있습니다.이 경우 이벤트 유형을 확인하지 않아도됩니다. ' – Jashwant

+3

'live '는 deprecated 그리고 당신은 정말로 그것을 사용해서는 안됩니다. http://liveisdeprecated.com –

답변

4

시작시 표시하고 싶지 않은 항목 (예 : ol li div.cykel a.cykel-hover)에 CSS에 display: none;을 설정하기 만하면됩니다.

데모 :이 나를 위해 작동 <a href="#" class="cykel-hover" style="opacity: 0;">를 사용 http://jsfiddle.net/dystroy/txYc4/

+0

답변이 너무 단순 할 때 나는 싫어! - 나는이 문제에 대해 지금까지 몇 시간 맹목적으로 시선을 돌 렸습니다. 정말 고마워요! –

+1

당신을 진심으로 환영합니다. 사이트 전체를 재 구축하는 것보다 낫다고 스스로에게 말해주십시오! –

+0

바이올린을 확인 했습니까? 마우스 오버시 작동하지 않습니다. – Dipak

0

는 또한 당신이 a.cykel-hover에서

filter: alpha(opacity=0); 

세트를 가지고 있지만 IE에서만 작동합니다. 다른 브라우저의 경우 opacity: 0을 추가하십시오 (그리고 아마도 공급 업체별 접두사가있는 버전). http://jsfiddle.net/JwztH/6/

당신은 모든 fadeable

데모에 적용 할 $(this).find(settings.target).stop().fadeTo(settings.duration, 0);를 넣을 수 있습니다