刚准备写一个无缝滚动的JQUERY的程序，但setInterval()总是不执行，劳驾帮帮忙

刚刚准备写一个无缝滚动的JQUERY的程序，但setInterval()总是不执行，劳驾帮帮忙
style.css
 .wrap{
 position:relative;
}
 .wfgd{ 
 border:1px solid #fff; width:600px; height:155px; position:absolute; left:0; top:0;
}



content.php
<table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td><img src="<?echo base_url('application/views/css')?>/img/photos.png" width='155' height='180'></td>
<td class='wrap'>
<ul class="wfgd"> //想让这里的ul做从右往左的无缝滚动
<li class='xiangkuang'><div><img src="<?echo base_url('application/views/css')?>/img/11.png" width='155' height='155'></div></li>
<li class='xiangkuang'><div><img src="<?echo base_url('application/views/css')?>/img/11.png" width='155' height='155'></div></li>
<li class='xiangkuang'><div><img src="<?echo base_url('application/views/css')?>/img/11.png" width='155' height='155'></div></li>
<li class='xiangkuang'><div><img src="<?echo base_url('application/views/css')?>/img/11.png" width='155' height='155'></div></li>
</ul>
</td>
</tr>
</table>






js.js

$(function(){
var hdp=$('.wfgd');
oulhtml=hdp.html();
hdp.html(oulhtml+oulhtml);

setInterval("lgd()",30);

function lgd(){ 
//alert(1); //像函数里如果只写alert()，就是正常的，但后面的移动命令就完全没反应， 求助
hdp.css("left","+=-10px");
}
});

------解决方案--------------------

引用:

hdp.css("left","+=-10px");

jq不是这么玩的

从jQuery1.6开始，.css()接受类似于.animate()的相对值。相对值时以+= 或者 -=开头的字符串，表示递增或递减当前的值。 例如，如果一个元素的左边填充（padding-left）是10px的，.css( "padding-left", "+=15" )将返回总的左填充（padding-left ）为25px。