jquery实现图片水平滚动的效果

JS代码如何实现循环滚动显示图片呢？

html xmlns=http://www。w3。org/1999/xhtml head title无标题页-学无忧（www。xue51。com）/titlescript language=javascript//定义要显示的图片数组imgArr=new Array()imgArr[0]=a href=http://www。 google。com/ onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvSta...全部

  html xmlns=http://www。w3。org/1999/xhtml head title无标题页-学无忧（www。xue51。com）/titlescript language=javascript//定义要显示的图片数组imgArr=new Array()imgArr[0]=a href=http://www。
  google。com/ onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'img src=LOGO1。
  gif border=0/aimgArr[1]=a href=http://www。baidu。com/ onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'img src=LOGO2。
  gif border=0/aimgArr[2]=a href=http://www。google。com/ onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'img src=LOGO1。
  gif border=0/aimgArr[3]=a href=http://www。baidu。com/ onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'img src=LOGO2。
  gif border=0/aimgArr[4]=a href=http://www。google。com/ onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'img src=LOGO1。
  gif border=0/a//内部变量var moveStep=4; //步长，单位：pixelvar moveRelax=100; //移动时间间隔，单位：msns4=(document。
  layers)?true:false;var displayImgAmount=4 ; //视区窗口可显示个数var divWidth=220; //每块图片占位宽var divHeight=145; //每块图片占位高var startDnum=0;var nextDnum=startDnum+displayImgAmount;var timeID;var outHover=false;var startDivClipLeft;var nextDivClipRight;//初始化层function initDivPlace(){ if (ns4) { for (i=0;idisplayImgAmount;i++){ eval(document。
  divOuter。document。divAds+i+。left=+divWidth*i) } for (i=displayImgAmount;iimgArr。length;i++){ eval(document。
  divOuter。document。divAds+i+。left=+divWidth*displayImgAmount) } }else{ for (i=0;idisplayImgAmount;i++){ eval(document。
  all。divAds+i+。style。left=+divWidth*i) } for (i=displayImgAmount;iimgArr。length;i++){ eval(document。
  all。divAds+i+。style。left=+divWidth*displayImgAmount) } }}//设置定时器移动图片function mvStart(){ timeID=setTimeout(moveLeftDiv,moveRelax)}//清除定时器，停止移动function mvStop(){ clearTimeout(timeID)}function moveLeftDiv(){ if (ns4){ for (i=0;i=displayImgAmount;i++){ eval(document。
  divOuter。document。divAds+parseInt((startDnum+i)%imgArr。length)+。left=document。divOuter。document。
  divAds+parseInt((startDnum+i)%imgArr。length)+。left-moveStep) } startDivClipLeft=parseInt(eval(document。
  divOuter。document。divAds+startDnum+。clip。left)) nextDivClipRight=parseInt(eval(document。divOuter。
  document。divAds+nextDnum+。clip。right)) if (startDivClipLeft+moveStepdivWidth){ eval(document。divOuter。
  document。divAds+nextDnum+。clip。right=+divWidth) eval(document。divOuter。document。divAds+startDnum+。
  left=+divWidth*displayImgAmount) eval(document。divOuter。document。divAds+parseInt((nextDnum+1)%imgArr。
  length)+。left=document。divOuter。document。divAds+nextDnum+。left++divWidth) eval(document。divOuter。
  document。divAds+parseInt((nextDnum+1)%imgArr。length)+。clip。left=0) startDnum=(++startDnum)%imgArr。
  length nextDnum=(startDnum+displayImgAmount)%imgArr。length startDivClipLeft=moveStep-(divWidth-startDivClipLeft) nextDivClipRight=moveStep-(divWidth-nextDivClipRight) }else{ eval(document。
  divOuter。document。divAds+nextDnum+。clip。left=0) startDivClipLeft+=moveStep nextDivClipRight+=moveStep } eval(document。
  divOuter。document。divAds+startDnum+。clip。left=+startDivClipLeft) eval(document。divOuter。document。
  divAds+nextDnum+。clip。right=+nextDivClipRight) }else{ for (i=0;i=displayImgAmount;i++){ eval(document。
  all。divAds+parseInt((startDnum+i)%imgArr。length)+。style。left=document。all。divAds+parseInt((startDnum+i)%imgArr。
  length)+。style。pixelLeft-moveStep) } startDivClipLeft=parseInt(eval(document。all。divAds+startDnum+。
  currentStyle。clipLeft)) nextDivClipRight=parseInt(eval(document。all。divAds+nextDnum+。currentStyle。
  clipRight)) if (startDivClipLeft+moveStepdivWidth){ eval(document。all。divAds+nextDnum+。style。clip='rect(0,+divWidth+,+divHeight+,0+)') eval(document。
  all。divAds+startDnum+。style。left=+divWidth*displayImgAmount) eval(document。all。divAds+parseInt((nextDnum+1)%imgArr。
  length)+。style。left=document。all。divAds+nextDnum+。style。pixelLeft++divWidth) startDnum=(++startDnum)%imgArr。
  length nextDnum=(startDnum+displayImgAmount)%imgArr。length startDivClipLeft=moveStep-(divWidth-startDivClipLeft) nextDivClipRight=moveStep-(divWidth-nextDivClipRight) }else{ startDivClipLeft+=moveStep nextDivClipRight+=moveStep } eval(document。
  all。divAds+startDnum+。style。clip='rect(0,+divWidth+,+divHeight+,+startDivClipLeft+)') eval(document。
  all。divAds+nextDnum+。style。clip='rect(0,+nextDivClipRight+,+divHeight+,0)') } if (outHover){ mvStop() }else{ mvStart() }}//定义显示图片的层function writeDivs(){ if (ns4){ document。
  write(ilayer name=divOuter width=750 height=+divHeight+) for (i=0;iimgArr。length;i++){ document。
  write(layer name=divAds+i+) document。write(imgArr[i]+ ) document。write(/layer) } document。write(/ilayer) document。
  close() for (i=displayImgAmount;iimgArr。length;i++){ eval(document。divOuter。document。divAds+i+。clip。
  right=0) } }else{ document。write(div id=divOuter style='position:relative' width=750 height=+divHeight+) for (i=0;iimgArr。
  length;i++){ document。write(div id=divAds+i+ style='position:absolute;clip:rect(0,+divWidth+,+divHeight+,0)') document。
  write(imgArr[i]+ ) document。write(/div) } document。write(/div) for (i=displayImgAmount;iimgArr。length;i++){ eval(document。
  all。divAds+i+。style。clip='rect(0,0,+divHeight+,0)') } }}writeDivs();initDivPlace();需要在body中添加启动事件，代码如下所示：/script/headbody onload=mvStart() p 调试其他进程的能力赋予您极广泛的权力，这是无法通过其他途经获得的，在进行远程调试时更是如此。
  恶意的调试器可能对正在调试的计算机造成大范围的损害。因此，对可能进行调试的人要有所限制。有关更多信息，请参见a 远程调试权限/a。/p p 但是，许多开发人员没有意识到安全威胁也可以从相反的方向产生。
  调试对象进程中的恶意代码可能危害调试计算机的安全：有许多必须防范的不道德的安全利用。/p h1 安全性最佳做法/h1 /body/html。收起