关闭

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

2343人阅读 评论(0) 收藏 举报
分类:
<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>



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    最新评论
    个人资料
    • 访问:115195次
    • 积分:2439
    • 等级:
    • 排名:第15386名
    • 原创:123篇
    • 转载:46篇
    • 译文:0篇
    • 评论:3条