当前位置： 首页 > JS代码 > JS特效代码 > 滚动代码 > 第1页

无间断图片循环滚动效果

来源：懒人图库2009-06-09

<HTML><HEAD><TITLE>无间断滚动原理</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY>
<div id="tbmq">
  <table width="300" border="1" align="left" bgcolor="#00CCFF">
    <tr> 
      <td height="30"> </td>
      <td>1</td>
      <td> </td>
    </tr>
    <tr> 
      <td height="30"> </td>
      <td>2</td>
      <td> </td>
    </tr>
    <tr> 
      <td height="30"> </td>
      <td>3</td>
      <td> </td>
    </tr>
    <tr> 
      <td height="30"> </td>
      <td>4</td>
      <td> </td>
    </tr>
    <tr> 
      <td height="30"> </td>
      <td>5</td>
      <td> </td>
    </tr>
  </table>
</div>
<script>
function MqObj(obj,width,height,speed,direct){
	obj.contWidth=obj.offsetWidth;// offsetWidth
	obj.stopscroll=false;
	obj.nowscroll=0;
	with(obj){
		scrollLeft=0;//
		innerHTML+=innerHTML;
		style.width=width;
		style.height=height;
		style.overflowX="hidden";//
		style.overflowY="visible";//
		noWrap=true;
		onmouseover=function(){stopscroll=true};
		onmouseout=function(){stopscroll=false};
	}
	eval("setInterval('doScroll("+obj.id+")',"+speed+")");
}
function doScroll(obj){
	if(obj.stopscroll==true) return;
	if(obj.nowscroll<obj.contWidth){ // 
	obj.scrollLeft=obj.nowscroll++;//scrollLeft
	}else{
	obj.scrollLeft=0;//scrollLeft
	obj.nowscroll=0;
	}
}
window.onload=function(){
	MqObj(tbmq,"250","200","10")
	MqObj(tbmq2,"270","200","50")
}
</script>
<div id="tbmq2"> 
  <table width="300" border="1" align="left" bgcolor="#00CCFF">
    <tr> 
      <td height="30"> </td>
      <td>1</td>
      <td> </td>
    </tr>
    <tr> 
      <td height="30"> </td>
      <td>2</td>
      <td> </td>
    </tr>
    <tr> 
      <td height="30"> </td>
      <td>3</td>
      <td> </td>
    </tr>
    <tr> 
      <td height="30"> </td>
      <td>4</td>
      <td> </td>
    </tr>
    <tr> 
      <td height="30"> </td>
      <td>5</td>
      <td> </td>
    </tr>
  </table>
</div>
</BODY></HTML>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

无间断图片循环滚动效果

↑上一篇：CSS强制图片自适应大小
↓下一篇：用“ul+li”及css制作韩国风格菜单

广告代码

共431个JS广告代码

››全部

特效代码

共305个JS特效代码

››全部

最近浏览过的特效代码更多››