.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 target="_blank" title="江西天氣有多熱？總理的襯衫告訴你！(圖)" class="li_a">江西天氣有多熱？總理的襯衫告訴你！(圖)</a></li>

<li><a target="_blank" title="中國首次公布火星探測器外形 預(yù)計2020年登陸">中國首次公布火星探測器外形 預(yù)計2020年登陸</a></li>

<li><a target="_blank" title="美“青龍”部隊入駐日本 欲斷中俄軍事通道">美“青龍”部隊入駐日本 欲斷中俄軍事通道</a></li>

<li><a target="_blank" title="巴基斯坦遭洛馬出賣？F-16生產(chǎn)線或全部轉(zhuǎn)移印度">巴基斯坦遭洛馬出賣？F-16生產(chǎn)線或全部轉(zhuǎn)移印度</a></li>

<li><a target="_blank" title="一只企鵝被擢升為挪威準(zhǔn)將 佩戴勛章檢閱部隊(圖)">一只企鵝被擢升為挪威準(zhǔn)將 佩戴勛章檢閱部隊(圖)</a></li>

<li><a target="_blank" title="江西天氣有多熱？總理的襯衫告訴你！(圖)">江西天氣有多熱？總理的襯衫告訴你！(圖)</a></li>

<li><a target="_blank" title="中國首次公布火星探測器外形 預(yù)計2020年登陸">中國首次公布火星探測器外形 預(yù)計2020年登陸</a></li>

<li><a target="_blank" title="美“青龍”部隊入駐日本 欲斷中俄軍事通道">美“青龍”部隊入駐日本 欲斷中俄軍事通道</a></li>

<li><a target="_blank" title="巴基斯坦遭洛馬出賣？F-16生產(chǎn)線或全部轉(zhuǎn)移印度">巴基斯坦遭洛馬出賣？F-16生產(chǎn)線或全部轉(zhuǎn)移印度</a></li>

<li><a target="_blank" title="一只企鵝被擢升為挪威準(zhǔn)將 佩戴勛章檢閱部隊(圖)">一只企鵝被擢升為挪威準(zhǔn)將 佩戴勛章檢閱部隊(圖)</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);

}

}