0

当我将鼠标悬停到页面上的每个图像链接时，如何更改页面背景。我想根据页面上的每个图像动态更改页面背景。请查看代码以准确了解我要说的内容。

    <script>
        $(function() {
        $("a").hover(function() {
        var $link = $("img").attr("src");
                $("body").css("background", "url(" + $link + ")" );
        });
        });
    </script>

<html>
   <body>
      <a href="#" title="">
        <img src="portfolio_files/NEWSALV.gif" alt="">
      </a>
      <a href="#" title="">
        <img src="portfolio_files/TSThumb.gif" alt="">
      </a>
      <a href="#" title="">
        <img src="portfolio_files/MoreheadThumb.gif" alt="">
      </a>
   </body>
</html>

请对此提供帮助，在此先感谢。

4

1 回答 1

4

Using每次$("img")都会返回文档中的第一个元素。每次都img需要找到img相对于元素的元素。a

这可以通过使用$(this)and来实现.find()；

<script>
    $(function() {
        $("a").hover(function() {
            var $link = $(this).find("img").attr("src");
            $("body").css("background", "url(" + $link + ")" );
        });
    });
</script>
于 2012-05-18T13:07:52.380 回答