首页 > 专家说

这段图片滚动代码为什么没有循环滚动呢？（只是滚动一次）

来源：新能源网
时间：2024-08-17 13:06:56
热度：

这段图片滚动代码为什么没有循环滚动呢？（只是滚动一次）热心网友：滚动代码很多的，给你发个，自己照着改改。

热心网友：滚动代码很多的，给你发个，自己照着改改。<!DOCTYPE html PUBLIC http://www.xny365.com/skin/default/image/nopic.gif-//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.xny365.com/skin/default/image/nopic.gif http://www.xny365.com/skin/default/image/nopic.gif http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhttp://www.xny365.com/skin/default/image/nopic.gif><html xmlns=http://www.xny365.com/skin/default/image/nopic.gif http://www.w3.org/1999/xhtmlhttp://www.xny365.com/skin/default/image/nopic.gif><head><meta http-equiv=http://www.xny365.com/skin/default/image/nopic.gifContent-Typehttp://www.xny365.com/skin/default/image/nopic.gif content=http://www.xny365.com/skin/default/image/nopic.giftext/html; charset=gb2312http://www.xny365.com/skin/default/image/nopic.gif /><title>向上下左右不间断无缝滚动图片的效果(兼容火狐和IE) 阿里西西整理收集 alixixi .com</title></head><body><!--下面是向上滚动代码-->告诉你一个应有尽有的网页特效网址：<a href=http://www.xny365.com/skin/default/image/nopic.gif http://js.alixixi.comhttp://www.xny365.com/skin/default/image/nopic.gif> http://js.alixixi.com</a><hr /><div id=http://www.xny365.com/skin/default/image/nopic.gifcoleehttp://www.xny365.com/skin/default/image/nopic.gif style=http://www.xny365.com/skin/default/image/nopic.gifoverflow:hidden;height:253px;width:410px;http://www.xny365.com/skin/default/image/nopic.gif><div id=http://www.xny365.com/skin/default/image/nopic.gifcolee1http://www.xny365.com/skin/default/image/nopic.gif><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></div><div id=http://www.xny365.com/skin/default/image/nopic.gifcolee2http://www.xny365.com/skin/default/image/nopic.gif></div></div><script>var speed=30;var colee2=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee2http://www.xny365.com/skin/default/image/nopic.gif);var colee1=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee1http://www.xny365.com/skin/default/image/nopic.gif);var colee=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcoleehttp://www.xny365.com/skin/default/image/nopic.gif);colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2function Marquee1(){//当滚动至colee1与colee2交界时if(colee2.offsetTop-colee.scrollTop<=0){ colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端 }else{ colee.scrollTop++}}var MyMar1=setInterval(Marquee1,speed)//设置定时器//鼠标移上时清除定时器达到滚动停止的目的colee.onmouseover=function() {clearInterval(MyMar1)}//鼠标移开时重设定时器colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}</script><!--向上滚动代码结束--><br><!--下面是向下滚动代码--><div id=http://www.xny365.com/skin/default/image/nopic.gifcolee_bottomhttp://www.xny365.com/skin/default/image/nopic.gif style=http://www.xny365.com/skin/default/image/nopic.gifoverflow:hidden;height:253px;width:410px;http://www.xny365.com/skin/default/image/nopic.gif><div id=http://www.xny365.com/skin/default/image/nopic.gifcolee_bottom1http://www.xny365.com/skin/default/image/nopic.gif><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></div><div id=http://www.xny365.com/skin/default/image/nopic.gifcolee_bottom2http://www.xny365.com/skin/default/image/nopic.gif></div></div><script>var speed=30var colee_bottom2=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_bottom2http://www.xny365.com/skin/default/image/nopic.gif);var colee_bottom1=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_bottom1http://www.xny365.com/skin/default/image/nopic.gif);var colee_bottom=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_bottomhttp://www.xny365.com/skin/default/image/nopic.gif);colee_bottom2.innerHTML=colee_bottom1.innerHTMLcolee_bottom.scrollTop=colee_bottom.scrollHeightfunction Marquee2(){if(colee_bottom1.offsetTop-colee_bottom.scrollTop>=0)colee_bottom.scrollTop+=colee_bottom2.offsetHeightelse{colee_bottom.scrollTop--}}var MyMar2=setInterval(Marquee2,speed)colee_bottom.onmouseover=function() {clearInterval(MyMar2)}colee_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}</script><!--向下滚动代码结束--><br><!--下面是向左滚动代码--><div id=http://www.xny365.com/skin/default/image/nopic.gifcolee_lefthttp://www.xny365.com/skin/default/image/nopic.gif style=http://www.xny365.com/skin/default/image/nopic.gifoverflow:hidden;width:500px;http://www.xny365.com/skin/default/image/nopic.gif><table cellpadding=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif cellspacing=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif border=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif><tr><td id=http://www.xny365.com/skin/default/image/nopic.gifcolee_left1http://www.xny365.com/skin/default/image/nopic.gif valign=http://www.xny365.com/skin/default/image/nopic.giftophttp://www.xny365.com/skin/default/image/nopic.gif align=http://www.xny365.com/skin/default/image/nopic.gifcenterhttp://www.xny365.com/skin/default/image/nopic.gif><table cellpadding=http://www.xny365.com/skin/default/image/nopic.gif2http://www.xny365.com/skin/default/image/nopic.gif cellspacing=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif border=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif><tr align=http://www.xny365.com/skin/default/image/nopic.gifcenterhttp://www.xny365.com/skin/default/image/nopic.gif><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td></tr></table></td><td id=http://www.xny365.com/skin/default/image/nopic.gifcolee_left2http://www.xny365.com/skin/default/image/nopic.gif valign=http://www.xny365.com/skin/default/image/nopic.giftophttp://www.xny365.com/skin/default/image/nopic.gif></td></tr></table></div><script>//使用div时，请保证colee_left2与colee_left1是在同一行上.var speed=30//速度数值越大速度越慢var colee_left2=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_left2http://www.xny365.com/skin/default/image/nopic.gif);var colee_left1=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_left1http://www.xny365.com/skin/default/image/nopic.gif);var colee_left=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_lefthttp://www.xny365.com/skin/default/image/nopic.gif);colee_left2.innerHTML=colee_left1.innerHTMLfunction Marquee3(){if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth 是对象的可见宽度colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是对象的实际内容的宽，不包边线宽度else{colee_left.scrollLeft++}}var MyMar3=setInterval(Marquee3,speed)colee_left.onmouseover=function() {clearInterval(MyMar3)}colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}</script><!--向左滚动代码结束--><br><!--下面是向右滚动代码--><div id=http://www.xny365.com/skin/default/image/nopic.gifcolee_righthttp://www.xny365.com/skin/default/image/nopic.gif style=http://www.xny365.com/skin/default/image/nopic.gifoverflow:hidden;width:500px;http://www.xny365.com/skin/default/image/nopic.gif><table cellpadding=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif cellspacing=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif border=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif><tr><td id=http://www.xny365.com/skin/default/image/nopic.gifcolee_right1http://www.xny365.com/skin/default/image/nopic.gif valign=http://www.xny365.com/skin/default/image/nopic.giftophttp://www.xny365.com/skin/default/image/nopic.gif align=http://www.xny365.com/skin/default/image/nopic.gifcenterhttp://www.xny365.com/skin/default/image/nopic.gif><table cellpadding=http://www.xny365.com/skin/default/image/nopic.gif2http://www.xny365.com/skin/default/image/nopic.gif cellspacing=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif border=http://www.xny365.com/skin/default/image/nopic.gif0http://www.xny365.com/skin/default/image/nopic.gif><tr align=http://www.xny365.com/skin/default/image/nopic.gifcenterhttp://www.xny365.com/skin/default/image/nopic.gif><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.xny365.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.xny365.com/skin/default/image/nopic.gif></p></td></tr></table></td><td id=http://www.xny365.com/skin/default/image/nopic.gifcolee_right2http://www.xny365.com/skin/default/image/nopic.gif valign=http://www.xny365.com/skin/default/image/nopic.giftophttp://www.xny365.com/skin/default/image/nopic.gif></td></tr></table></div><script>var speed=30//速度数值越大速度越慢var colee_right2=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_right2http://www.xny365.com/skin/default/image/nopic.gif);var colee_right1=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_right1http://www.xny365.com/skin/default/image/nopic.gif);var colee_right=document.getElementById(http://www.xny365.com/skin/default/image/nopic.gifcolee_righthttp://www.xny365.com/skin/default/image/nopic.gif);colee_right2.innerHTML=colee_right1.innerHTMLfunction Marquee4(){if(colee_right.scrollLeft<=0)colee_right.scrollLeft+=colee_right2.offsetWidthelse{colee_right.scrollLeft--}}var MyMar4=setInterval(Marquee4,speed)colee_right.onmouseover=function() {clearInterval(MyMar4)}colee_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}</script><!--向右滚动代码结束--></body></html>

热门标签：滚动 代码

免责声明：此资讯系转载自互联网其它网站，全球新能源网登载此文出于传递更多信息之目的，并不代表本网赞同其观点和对其真实性负责，文章内容仅供参考。如涉及作品内容、版权等问题，请在30工作日内与本网联系，我们将在第一时间处理！

  1. 生物柴油的HS代码是多少？
    2024-08-17
  2. 壳牌石油和中国移动的股票叫什么？准确的代码是什么？
    2024-08-17
  3. 打开页面滚动鼠标会出现波浪式现象,我下载了驱动精灵,可还是不行,这是为什么? 谢谢!
    2024-08-17
  4. 电脑浏览见面时滚动时成波浪式滚动是啥原因？
    2024-08-17
  5. 非晶硅薄膜光电模块的海关代码
    2024-08-17
  6. 中国石油的股票代码是啥?
    2024-08-17
  7. 电脑查看网页的时候上下翻看或是滚动成波浪式的，这是什么问题，怎么解决？
    2024-08-17
  8. 中石油股票代码是多少？
    2024-08-17
  9. 天发石油的股票代码是多少
    2024-08-17
  10. 同益空气能热泵故障代码E07
    2024-08-17
  11. 核电核能板块的代码是多少
    2024-08-17
  12. 浏览页面时页面老是波浪式滚动
    2024-08-17
  13. 文档用word2003打开后，里面的图片会呈波浪式显示(一排排地显现)，只要上下移动滚动条就又呈波浪式刷新
    2024-08-17
  14. 浏览器的滚动式波浪式的，很不习惯，怎么改成以前最简单的啊
    2024-08-17
  15. 大通汽车，发动机故障灯时亮时不亮，电脑读出来的故障代码是0557请问0557这个故障代码代表的是什
    2024-08-17