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>  购买  <span>特惠体验三期.1万起投</span>  <span></span></li>

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

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

<li style="padding:8px;background:url('{DT_SKIN}image/iclistsid.png') no-repeat 8px 8px"><span>吴**</span>  购买  <span>特惠体验三期.5万起投</span>  <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>