Html OnMouseOver不';我不在野生动物园工作

Html OnMouseOver不';我不在野生动物园工作,html,wordpress,onmouseover,Html,Wordpress,Onmouseover,在Chrome/Firefox/IE中工作正常,但在Safari中只有第三个悬停图像工作 这是我的一张图片的代码。。(我的标签按钮坏了,很抱歉格式不好) (我在下面的a href上有一个括号,但由于键盘的限制,我不得不把它去掉) 这被放置在Wordpress小部件区域中 如果任何人有任何解决方案,将不胜感激 最好使用mouseenter和mouseleave: <a href="http://localboyoutfitters.com/wp-content/uploads/2013/

在Chrome/Firefox/IE中工作正常,但在Safari中只有第三个悬停图像工作

这是我的一张图片的代码。。(我的标签按钮坏了,很抱歉格式不好) (我在下面的a href上有一个括号,但由于键盘的限制,我不得不把它去掉)


这被放置在Wordpress小部件区域中


如果任何人有任何解决方案,将不胜感激

最好使用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>

您可以在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" />

函数鼠标(){
$(文档).ready(函数(){
窗口位置(“任何网站”);
});
}

试试onMouseCenter/onMouseLeave,至少在这里它可以与Safari配合使用。哪个Safari版本在哪个操作系统上?
mouseenter
mouseleave
是微软的发明,并且在很长一段时间内只受IE的支持。虽然它们(afaik)现在是DOM3事件规范的一部分,但浏览器支持不是最好的(Chrome 30+、FF 10+Opera 11.10+)。Safari的当前版本甚至不支持
mouseenter
/
mouseleave
,因此这显然无法解决Safari的问题。您的回答没有多大意义。在问题中,图像是交换的,但是您的示例看起来像是要更改URL。进一步更改
窗口。不需要将位置
放置在a文档
就绪
回调中。Safari也不支持
mouseenter
。如果您建议使用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" />