通过点击更改背景正文图像

Change background body images with onclick

本文关键字：背景 正文 图像      更新时间：2023-09-26

我是javascript和jQuery的新手，我想使用其中一个来通过onclick更改我的背景正文图像。我想要的正是创建一个带有图像的链接，这样当人们点击它时，背景正文图片就会改变。你能帮我或给我一个简单的例子吗？

HTML

<a href="#" class="set-background"><img src="/path/to/image.jpg">Select Image</a>

爪哇语

$(document).on('click', 'a.set-background', function(){
    $('body').css({
        'background' : 'url(' + $(this).find('img').attr('src') + ')'
    });
    return false;
});

HTML：

<button>Change background</button>

j查询：

$('button').click(function(){
   $('body').css('background-image','image.jpg');
});
相关文章：