jQueryで指定するCSSの値を出来るだけ短縮
こんにちは。
以下のjQueryコードを出来るだけ短縮・最適化したいです。
for/while文でどうにかできそうな気がしますが、思いつきませんでした。
var icoPos = ($(window).width() / 4);
var pos01 = '-'+icoPos+'px';
var pos02 = '-'+(icoPos*2)+'px';
var pos03 = '-'+(icoPos*3)+'px';
$('li.icon01').css('background-position', '0 0');
$('li.icon02').css('background-position', pos01+' 0');
$('li.icon03').css('background-position', pos02+' 0');
$('li.icon04').css('background-position', pos03+' 0');
$('li.icon05').css('background-position', '0 '+pos01);
$('li.icon06').css('background-position', pos01+' '+pos01);
$('li.icon07').css('background-position', pos02+' '+pos01);
$('li.icon08').css('background-position', pos03+' '+pos01);
$('li.icon09').css('background-position', '0 '+pos02);
$('li.icon10').css('background-position', pos01+' '+pos02);
$('li.icon11').css('background-position', pos02+' '+pos02);
$('li.icon12').css('background-position', pos03+' '+pos02);
$('li.icon13').css('background-position', '0 '+pos03);
$('li.icon14').css('background-position', pos01+' '+pos03);
$('li.icon15').css('background-position', pos02+' '+pos03);
$('li.icon16').css('background-position', pos03+' '+pos03);
