에 OnMouseOver 크롬/파이어 폭스/IE에서 사파리에

Question

http://localboyoutfitters.com

작품 벌금을 작동하지 않습니다하지만 세 번째 호버 이미지는 사파리에서 작동합니다.

여기 내 이미지 중 하나에 대한 코드입니다. (내 탭 버튼은 잘못된 포맷으로 인해 매우 유감입니다.) (아래의 href는 있지만 브루스는 키보드 사용 제한으로 인해 제거해야합니다.)

<a href="http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMnew.png"> 
<img src="http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMnew.png" alt="LBO_topoffer_SMnew" onmouseover="this.src='http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMhover.png'" onmouseout="this.src='http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMnew.png'" width="300" height="200" class="alignnone size-full wp-image-205" /> 
</a> 

이것은 워드 프레스 위젯 영역에 배치된다.

누구나 해결책을 찾으면 큰 도움이됩니다. 더 나은

Answer 1

가 mouseenter와하는 MouseLeave를 사용하는 것입니다 :

<a href="http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMnew.png"> 
<img src="http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMnew.png" alt="LBO_topoffer_SMnew" onmouseenter="this.src='http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMhover.png'" onmouseleave="this.src='http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMnew.png'" width="300" height="200" class="alignnone size-full wp-image-205" /> 
</a> 

Answer 2

당신이 쉽게 JQuery와, 일부 자바 스크립트 코드는 늘 당신이 jQuery를 확인할 수 있습니다 다른 브라우저에서 작동 할 수있는, 당신은 함수를 만들어야합니다. 이 코드를 추가해야합니다 :

<script> 
     function mouse(){ 
      $(document).ready(function(){ 
       window.location("anywebsite"); 
      }); 
     } 
</script> 




<img src="http://localboyoutfitters.com/wp-content/uploads/2013/10/LBO_topoffer_SMnew.png" alt="LBO_topoffer_SMnew" onmouseenter="mouse();" width="300" height="200" class="alignnone size-full wp-image-205" />