Question

我在UL中设置了这样的图像：

<ul>
    <li>
        <a href="#">
            <img scr="image1.png">
        </a>
    </li>
    <li>
        <a href="#">
            <img scr="image2.png">
        </a>
    </li>
    <li>
        <a href="#">
            <img scr="image3.png">
        </a>
    </li>
</ul>

点击每张图片后，我希望Image的src作为“background-image”应用于body。

我不是JQuery专家，所以任何帮助都会非常感激。

Answer 1

$('#id-of-ul a').click(function(){
var src = $(this).find('img').attr('src');
$('body').css('backgroundImage','url('+src+')');

})

Answer 2

$document.ready(function () {
    $("img").click(function () {
        $(body).css("background-image", $(this).attr("src"));
    });
});

Answer 3

试试这个：

<script type="text/javascript">
jQuery(function() {
  $(a).click(function() {
    $(body).css('background-image',this.find(img).attr('src'))
  });
});
</script>

JQuery将Image SRC设置为body background-image

3 个答案: