就是这种最简单的,上线方向的额,单行公告类,文字无缝滚动
html结构--------------------------------------
<div class="notice-con">
<ul class="notice-txt">
<li><a href="javascript:;" class="notice-new">1北京市海淀法院10月告拍品日预北京市海淀法院10月告拍品日预告告</a></li>
<li><a href="javascript:;">2京东集团领导人我们,京东京东到家啊啊京东集团领导人我们,京东京东到家啊啊</a></li>
<li><a href="javascript:;">3京东集团领导人我们,京东京东到家啊啊京东集团领导人我们,京东京东到家啊啊</a></li>
<li><a href="javascript:;">4京东集团领导人我们,京东京东到家啊啊京东集团领导人我们,京东京东到家啊啊</a></li>
</ul>
</div>
css--------------------------------------------
.notice-con{
height: 13px;
overflow: hidden;
}
js---------------------------------------------
function notice(ul){
var li = ul.find('li').eq(0).html();
ul.append('<li>'+li+'</li>');
var num = 0;
setInterval(function(){
num ++;
if(num == ul.find('li').length){
num = 1;
ul.css({
marginTop:0
});
}
$('.notice-txt').animate({
marginTop:-13 * num
},400);
},2000);
}
notice($('.notice-txt'));