的onmouseover不會在Safari工作

http://localboyoutfitters.com 的onmouseover不會在Safari工作

工作正常，在Chrome /火狐/ IE瀏覽器，但只有第三懸停圖像在Safari工作。

這是我的代碼爲其中一個圖像..（我的選項卡按鈕被打破，所以很抱歉格式不對）（我有一個支架在下面的href但我的鍵盤限制bc我不得不把它拿走）

<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>

這是放置在Wordpress部件區域。

如果有人有任何解決方案，將不勝感激！

來源

2013-10-16 Taylor Aull

嘗試OnMouseEnter在/ OnMouseLeave在 – Xaver

至少在這裏，它工作正常的Safari。哪個操作系統上的Safari版本？ –

-1

更好的辦法是使用了mouseenter和鼠標離開：

<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>

來源

2013-10-16 21:05:00 Xaver

'mouseenter'和'mouseleave'是MS發明，只有IE支持很長一段時間。雖然他們現在是（afaik）現在是DOM3 Events規範的一部分，但瀏覽器支持不是最好的（Chrome 30+，FF 10+ Opera 11.10+）。而且Safari甚至不支持'mouseenter' /'mouseleave'與它的當前版本，所以這顯然不能解決Safari問題。 –

-1

你可以做到這一點很容易在jQuery中，一些JavaScript代碼不會與您可以檢查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" />

來源

2013-10-16 22:34:43

你的回答沒有多大意義。在問題圖像交換，但你的例子看起來像你想改變的URL。進一步改變'window.location'不需要放在一個'ready'回調文件中。 Safari也不支持'mouseenter'。如果你建議使用jquery，也可以使用'.on'顯示如何使用jquery附加事件。 –

的onmouseover不會在Safari工作

回答

相關問題