col-1滚动完没有把内容赋给col-2,不知道什么原因,进不去判断
.screen_div{
width:650px;
height: 41px;
line-height:41px;
overflow: hidden;
}
#col-1{
width:2938px;
height:41px;
line-height:41px;
float: left;
}
#col-1 ul li{
float: left;
background: url(../img/dian1_14fd99e2.jpg) no-repeat left;
padding-left:13px;
margin-right:15px;
.acolor();
}
<div class="screen_div">
<div id="col-1">
<ul>
<li><a href="http://news.ifeng.com/a/20160824/49830727_0.shtml" target="_blank" title="江西天气有多热？总理的衬衫告诉你！(图)" class="li_a">江西天气有多热？总理的衬衫告诉你！(图)</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830670_0.shtml" target="_blank" title="中国首次公布火星探测器外形 预计2020年登陆">中国首次公布火星探测器外形 预计2020年登陆</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830665_0.shtml" target="_blank" title="美“青龙”部队入驻日本 欲断中俄军事通道">美“青龙”部队入驻日本 欲断中俄军事通道</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830610_0.shtml" target="_blank" title="巴基斯坦遭洛马出卖？F-16生产线或全部转移印度">巴基斯坦遭洛马出卖？F-16生产线或全部转移印度</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830609_0.shtml" target="_blank" title="一只企鹅被擢升为挪威准将 佩戴勋章检阅部队(图)">一只企鹅被擢升为挪威准将 佩戴勋章检阅部队(图)</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830727_0.shtml" target="_blank" title="江西天气有多热？总理的衬衫告诉你！(图)">江西天气有多热？总理的衬衫告诉你！(图)</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830670_0.shtml" target="_blank" title="中国首次公布火星探测器外形 预计2020年登陆">中国首次公布火星探测器外形 预计2020年登陆</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830665_0.shtml" target="_blank" title="美“青龙”部队入驻日本 欲断中俄军事通道">美“青龙”部队入驻日本 欲断中俄军事通道</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830610_0.shtml" target="_blank" title="巴基斯坦遭洛马出卖？F-16生产线或全部转移印度">巴基斯坦遭洛马出卖？F-16生产线或全部转移印度</a></li>
<li><a href="http://news.ifeng.com/a/20160824/49830609_0.shtml" target="_blank" title="一只企鹅被擢升为挪威准将 佩戴勋章检阅部队(图)">一只企鹅被擢升为挪威准将 佩戴勋章检阅部队(图)</a></li>
</ul>
</div>
<div id="col-2">
</div>
</div>
var screnn_div=$(".screen_div");
var time=0;
$(document).ready(function(){
setInterval('marquee()',20);
});
function marquee(){
time+=1;
screnn_div.scrollLeft(time);
console.log("secreen:"+ screnn_div.scrollLeft());
if(screnn_div.scrollLeft()>=$("#col-1").width()){
$("#col-2").html($("#col-1").html());
}
else{
screnn_div.scrollLeft(time);
}
}
