html滚动信息栏,公告滚动.html

dodou-移动框架

#scrollDiv{height:40px;line-height:40px;overflow:hidden; background:url(images/icon23.png) no-repeat 10px center; background-size: 24px; border-bottom:1px solid #ccc; padding-left: 44px;}

#scrollDiv li{height:40px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

• 这是公告标题的第一行这是公告标题的第一行
• 这是公告标题的第二行
• 这是公告标题的第三行

function AutoScroll(obj){

$(obj).find("ul:first").animate({

marginTop:"-40px"

},500,function(){

$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);

});

}

$(document).ready(function(){

setInterval('AutoScroll("#scrollDiv")',2500);

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史