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