符合W3C Web标准的图片连续无间隙水平滚动

符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧

WBOY

Libérer： 2016-05-16 19:03:15

original

898 Les gens l'ont consulté

这次又遇上一个这样的问题，找了老半天终于从网上找到一个不错的，看了下代码，思路很简单，但代码太多，通用性也不行，于是乎，自己又发明了两个函数，用起来感觉还真不错，与大家共享：

<title>图片连续无间隙向左滚动，无间隙向右滚动，符合W3C Web标准_</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
 
 
<div id="demo" style="overflow: hidden; width: 322px; height: 61px"> 
<table cellpadding="0" align="left" border="0" cellspace="0"> 
<tr> 
<td id="demo1" valign="top"><table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> 
<tr align="center"> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
</tr> 
</table></td> 
<td id="demo2" valign="top"></td> 
</tr> 
</table> 
</div> 
<div id="demo0" style="overflow: hidden; width: 322px; height: 61px"> 
<table cellpadding="0" align="left" border="0" cellspace="0"> 
<tr> 
<td id="demo11" valign="top"><table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> 
<tr align="center"> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="符合W3C Web标准的图片连续无间隙水平滚动_javascript技巧" > </td> 
</tr> 
</table></td> 
<td id="demo22" valign="top"></td> 
</tr> 
</table> 
</div> 
<script type="text/javascript" language="JavaScript"> 
//璋</script>