1

http://localboyoutfitters.com

Chrome/Firefox/IE では正常に動作しますが、Safari では 3 番目のホバー イメージのみが動作します。

これが画像の1つのコードです..（タブボタンが壊れているため、フォーマットが悪くて申し訳ありません）（下のa 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 のウィジェット エリアに配置されます。

誰かが何か解決策を持っているなら、それは大歓迎です!

4

2 に答える 2

-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-16T22:34:43.283 に答える
-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>
于 2013-10-16T21:05:00.700 に答える