0

助けてください！ホバー時にスワップアウトする親指の画像リンクがあります。Firefox と Safari では問題なく動作しますが、IE と Chrome では表示されません。私はJavascriptを初めて使用するので、明らかなことが抜けている場合はご容赦ください。前もって感謝します。

スクリプトは次のとおりです。

$(document).ready (function(){
 var fadingImage;
  $(".fade").hover(function(){
    fadingImage = $(this).find("img").eq(1);
    fadingImage.stop(true, true).fadeIn(250);
    }, function(){
    fadingImage.stop(true, true).fadeOut(250);
  });
});

HTML コード:

<section class="brands_list">
    <div style="display:block; width:290; height:160;"" class="fade">
      <a href="<?php echo get_bloginfo('siteurl')."/".$urlSlug."/".$brandSlug; ?>"><img src="<?php echo $brandLogo ?>" class="brand" alt="<?php echo $brandName ?>" width="290" height="160"/>
      <img src="<?php echo $brandImage ?>" class="brand" alt="<?php echo $brandName ?>" width="290" height="160"/>
      </a>
    </div>
</section>
4

1 に答える 1

2

"構文を確認してください。この行に余分なものがあります。

style="display:block; width:290; height:160;""

これ以外は、IE7-10でも、Chrome、Firefox、Opera、Maxthon、Safariと同じようにコードが動作しているように見えます。これは、PHPが不正な形式のタグなどを生成しないことを前提としています。

デモ： http： //jsbin.com/ikotul/edit#javascript,html

私がすべてのブラウザで見ている動作は次のとおりです。

+ ----------------------- +
| |
| |
| ホバーされていません|
| |
| |
+ ----------------------- +
          （マウスが左の画像の上に移動します）
+ ----------------------- + + ----------------------- +
| | | |
| | | |
| ホバー| | 見えるようになる|
| | | |
| | | |
+ ----------------------- + + ----------------------- +
于 2012-05-02T13:29:24.977 に答える