JQuery实现文字滚动效果-最简单的方法

<div class="sidinfolist" style="width:300px;height:105px;overflow:hidden;margin-right:0px;color:#ff6600;">

    <ul style="width:300px;" id="gun">

    <li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>陈**</span>&nbsp;&nbsp;购买&nbsp;&nbsp;<span>特惠体验三期.1万起投</span>&nbsp;&nbsp;<span></span></li>
    <li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>李**</span>&nbsp;&nbsp;购买&nbsp;&nbsp;<span>特惠体验三期.1万起投</span>&nbsp;&nbsp;<span></span></li>
    <li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>刘**</span>&nbsp;&nbsp;购买&nbsp;&nbsp;<span>特惠体验三期.1万起投</span>&nbsp;&nbsp;<span></span></li>
    <li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>吴**</span>&nbsp;&nbsp;购买&nbsp;&nbsp;<span>特惠体验三期.5万起投</span>&nbsp;&nbsp;<span></span></li>
    </ul>
</div>

<script type="text/javascript">
// 购买滚动
function gunDong(){
    var big=$('#gun');
    var ob=$('#gun li:last');
    ob.hide();
    ob.prependTo(big);
    ob.slideDown('1000');
}

$(function(){ 

    setInterval("gunDong()",3000);

}); 

</script>