爱问知识人 爱问教育 医院库

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

首页

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

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

提交回答

全部答案

    2018-10-27 22:48:35
  •   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。

    高***

    2018-10-27 22:48:35

类似问题

换一换

相关推荐

正在加载...
最新问答 推荐信息 热门专题 热点推荐
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200

热点检索

  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
返回
顶部
帮助 意见
反馈

确定举报此问题

举报原因(必选):