Javascript无间隙滚动图片
来源：互联网 发布：个人数据存储安全 编辑：程序博客网 时间：2024/05/01 10:58
<SCRIPT Language="JavaScript">
<!--
var nos=null;
var mw=1000;
var mstep=0;
var msop=20;
var qk=false;
var lastdo="left";
function doMar(dir, src, amount,qk) ...{
if (amount==null) amount=10;
if (qk) amount=10;
switch (dir) ...{
case "left":
document.all[src].style.pixelLeft-=amount;
mstep-=amount;
if (-mstep==mw) ...{
mstep=0;
document.all.sl.style.pixelLeft=0;
//document.all.sl.style.pixelLeft=0;
}
if (-document.all[src].style.pixelLeft>=mw)
document.all[src].style.pixelLeft=0;
break;
case "right":
document.all[src].style.pixelLeft+=amount;
mstep+=amount;
if (mstep==mw) ...{
mstep=-mw;
document.all.sl.style.pixelLeft=-mw;
}
if (document.all[src].style.pixelLeft>=0)
document.all[src].style.pixelLeft = -mw;//alert(" Is mw");
break;
}
return false;
}
function RunMar(sDir,sWhich,down) ...{
if (sDir=="last" ||sDir=="") ...{sDir=lastdo;}
else ...{lastdo=sDir;}
qk=(down==true)?true:false;
clearInterval(nos);
iAmount=1;
nos = setInterval("doMar('"+sDir+"','"+sWhich+"',"+iAmount+","+qk+")",msop);
}
function doLoad() ...{
window.document.all.sl.ondragstart = new Function("return false");
RunMar(lastdo,"sl");
}
window.onload=doLoad;
window.document.onmouseup=doLoad;
// -->
</SCRIPT>
<DIV id="tk" style="Z-INDEX: 1; LEFT: 100px; VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 350; POSITION: absolute; TOP: 10px; HEIGHT: 110px;">
<DIV id="sl" style="WIDTH: 1000; POSITION: absolute;TOP:5px;LEFT:0px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook1.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook2.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook3.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook4.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook5.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook1.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook2.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook3.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook4.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook5.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook1.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook2.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook3.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook4.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook5.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook1.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook2.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook3.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook4.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
<td><img src="http://bbs.51js.com/51js/baoku/img/dynamicbook5.gif" width="100" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('last','sl');"></td>
</tr> </table>
</DIV>
</DIV>
