使用onclick更改背景体图像

时间:2013-10-26 16:28:54

标签: javascript jquery html css

我是javascript和jQuery的新手,我想用其中一个用onclick来改变我的背景体图像。我想要的就是创建一个带图像的链接,这样当人们点击它时,背景体图片就会改变。你能帮助我或给我一个简单的例子。

2 个答案:

答案 0 :(得分:0)

HTML:

<button>Change background</button>

jQuery的:

$('button').click(function(){
   $('body').css('background-image','image.jpg');
});

答案 1 :(得分:0)

HTML

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

的Javascript

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

    return false;
});