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

を使用すると、毎回ドキュメント$("img")の最初の要素が返されます。毎回要素に相対的な要素imgを見つける必要があります。imga

$(this)これは、 と を使用して実現できます.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 に答える