横向图片滚动

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< HEAD >
< TITLE >test< /TITLE >
< META http-equiv=Content-Type content="text/html; charset=gb2312" >
< style >
BODY {font-family: Verdana;font-size:9pt;margin:0px;}
td {font-family: Verdana;font-size:9pt;}
input {font-family: Verdana;font-size:9pt;}
textarea {font-family: Verdana;font-size:9pt;}
< /style >
< SCRIPT Language="JavaScript" >
< !--
var nos=null;
var mw=1500;
var mstep=0;
var msop=10;

function doMar(dir, src, amount) {
    if (amount==null) amount=10;
    switch (dir) {
    case "left":
        document.all[src].style.pixelLeft-=amount;
         mstep=mstep+1;

          if (mstep==mw) {
            mstep=0;
            document.all.sl.style.pixelLeft=0;
            document.all.sl.style.pixelLeft=0;
           }
        if (-document.all[src].style.pixelLeft >=document.all[src].offsetWidth)
            document.all[src].style.pixelLeft=document.all[src].offsetParent.offsetWidth;
        break;
    case "right":
        document.all[src].style.pixelLeft+=amount;
          mstep=mstep-1
          if (mstep==0) {
            mstep=mw;
            document.all.sl.style.pixelLeft=0;

            document.all.sl.style.pixelLeft=mw;
           }
        if (document.all[src].style.pixelLeft >document.all[src].offsetParent.offsetWidth)
            document.all[src].style.pixelLeft = -document.all[src].offsetWidth;
        break;
    }
    return false;

}

function RunMar(sDir,sWhich) {
clearInterval(nos);
iAmount=1;
nos = setInterval("doMar('"+sDir+"','"+sWhich+"'," + iAmount+")",msop);
}


function doLoad() {
window.document.all.sl.ondragstart = new Function("return false");
RunMar("left","sl");
}

window.onload=doLoad;

// -- >
< /SCRIPT >
< /HEAD >

< BODY bgcolor="#FFFFFF" >
< DIV id="tk"
style="Z-INDEX: 1; BACKGROUND: #333333; LEFT: 0px; VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 100%; CLIP: rect(0px 100% 100px 0px); POSITION: absolute; TOP: 10px; HEIGHT: 100px;" >

< DIV id="sl" style="WIDTH: 100%; POSITION: absolute" >
< table width="100%" border="0" cellspacing="0" cellpadding="0" >< tr >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/1.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/2.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/3.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/4.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/5.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/6.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/7.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/8.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/9.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/10.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/1.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/2.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/3.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/4.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/5.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/6.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/7.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/8.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/9.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< td >< img src="http://www.mayinet.com/jjs/icooe/file/view/mqhx/images/10.jpg" width="150" height="100" onmouseover="javascript:clearInterval(nos);" onmouseout="javascript:RunMar('left','sl');" >< /td >
< /tr > < /table >
< /DIV >

< /DIV >
< /BODY >
< /HTML >