动_滚_素_元_制_控_JS

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 
<title>JS控制元素左右无间断滚动</title> 
</head> 
<body> 
<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.getElementById(id);  
  }  
  window.onload=init;  
</script> 
<div style="height:20px; width:380px; overflow:hidden; white-space:nowrap; " class="div1" id="div1" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval(mar,30)"> 
  <span id="div2">在这里放入要移动的元素</span> 
  <span id="div3"></span> 
</div> 
</body> 
</html> 

你可能感兴趣的:(js)