jQueryでクリックすると背景画像を変更させるサンプル

素材サイトでよく見かけるクリックすると背景画像を変更するサンプルです。
css変更しているだけのシンプル設計。

HTML

<ul class="bgicon">
	<li><img src="bg/bg01.gif"></li>
</ul>

jQuery

この記述の前にjQueryの読み込みが必要です。

$('.bgicon li img').css('cursor','pointer');
$('.bgicon li img').click(function(){
	$('body')
	.css('background-image','url('+$(this).attr('src')+')');
});