无间断图片循环滚动代码,JS代码库,德仔网

代码语言

代码分类

【JS】无间断图片循环滚动

作者:Dezai.CN / 发布于2013/9/25/ 599


	<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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　图片循环滚动　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)