文字横向无缝隙滚动html。
<style type=”text/css” media=”all”>
.nuodou1{
margin:0px;
width:700px;
height:22px;
overflow:hidden;
white-space:nowrap;
float:left;
}
.nuodou2{
margin:0px auto;
}
.div2{
width:auto;
height:22px;
font-size:12px;
line-height:22px;
vertical-align:middle;
}
</style>
<script language=”javascript” type=”text/javascript”>
var s,s2,s3,timer;
function init(){
s=getid(“div1″);
s2=getid(“div2″);
s3=getid(“div3″);
s3.innerHTML=s2.innerHTML;
timer=setInterval(mar,30)
}
function mar(){
if(s2.offsetWidth<=s.scrollLeft){
s.scrollLeft-=s2.offsetWidth;
}else{s.scrollLeft++;}
}
function getid(id){
return document.getElementByIdx_x_x(id);
}
window.onload=init;
</script>
<div style=”border: #cccccc 1px solid; width: 965px; height: 25px; margin-top: 6px; padding-top: 5px”>
<div id=”div1″ onmouseover=”clearInterval(timer)” onmouseout=”timer=setInterval(mar,30)” style=”float:left; margin-left:10px;”>
</div>
</div>