首页 > 58必威网站

这段图片滚动代码为什么没有循环滚动呢?(只是滚动一次)

来源:
时间:2024-08-17 13:06:56
热度:

这段图片滚动代码为什么没有循环滚动呢?(只是滚动一次)热心网友:滚动代码很多的,给你发个,自己照着改改。

热心网友:滚动代码很多的,给你发个,自己照着改改。<!DOCTYPE html PUBLIC //www.tastyfever.com/skin/default/image/nopic.gif-//W3C//DTD XHTML 1.0 Transitional//EN//www.tastyfever.com/skin/default/image/nopic.gif //www.tastyfever.com/skin/default/image/nopic.gif http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd//www.tastyfever.com/skin/default/image/nopic.gif><html xmlns=//www.tastyfever.com/skin/default/image/nopic.gif http://www.w3.org/1999/xhtml//www.tastyfever.com/skin/default/image/nopic.gif><head><meta http-equiv=//www.tastyfever.com/skin/default/image/nopic.gifContent-Type//www.tastyfever.com/skin/default/image/nopic.gif content=//www.tastyfever.com/skin/default/image/nopic.giftext/html; charset=gb2312//www.tastyfever.com/skin/default/image/nopic.gif /><title>向上下左右不间断无缝滚动图片的效果(兼容火狐和IE) 阿里西西整理收集 alixixi .com</title></head><body><!--下面是向上滚动代码-->告诉你一个应有尽有的网页特效网址:<a href=//www.tastyfever.com/skin/default/image/nopic.gif http://js.alixixi.com//www.tastyfever.com/skin/default/image/nopic.gif> http://js.alixixi.com</a><hr /><div id=//www.tastyfever.com/skin/default/image/nopic.gifcolee//www.tastyfever.com/skin/default/image/nopic.gif style=//www.tastyfever.com/skin/default/image/nopic.gifoverflow:hidden;height:253px;width:410px;//www.tastyfever.com/skin/default/image/nopic.gif><div id=//www.tastyfever.com/skin/default/image/nopic.gifcolee1//www.tastyfever.com/skin/default/image/nopic.gif><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></div><div id=//www.tastyfever.com/skin/default/image/nopic.gifcolee2//www.tastyfever.com/skin/default/image/nopic.gif></div></div><script>var speed=30;var colee2=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee2//www.tastyfever.com/skin/default/image/nopic.gif);var colee1=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee1//www.tastyfever.com/skin/default/image/nopic.gif);var colee=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee//www.tastyfever.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=//www.tastyfever.com/skin/default/image/nopic.gifcolee_bottom//www.tastyfever.com/skin/default/image/nopic.gif style=//www.tastyfever.com/skin/default/image/nopic.gifoverflow:hidden;height:253px;width:410px;//www.tastyfever.com/skin/default/image/nopic.gif><div id=//www.tastyfever.com/skin/default/image/nopic.gifcolee_bottom1//www.tastyfever.com/skin/default/image/nopic.gif><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></div><div id=//www.tastyfever.com/skin/default/image/nopic.gifcolee_bottom2//www.tastyfever.com/skin/default/image/nopic.gif></div></div><script>var speed=30var colee_bottom2=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_bottom2//www.tastyfever.com/skin/default/image/nopic.gif);var colee_bottom1=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_bottom1//www.tastyfever.com/skin/default/image/nopic.gif);var colee_bottom=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_bottom//www.tastyfever.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=//www.tastyfever.com/skin/default/image/nopic.gifcolee_left//www.tastyfever.com/skin/default/image/nopic.gif style=//www.tastyfever.com/skin/default/image/nopic.gifoverflow:hidden;width:500px;//www.tastyfever.com/skin/default/image/nopic.gif><table cellpadding=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif cellspacing=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif border=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif><tr><td id=//www.tastyfever.com/skin/default/image/nopic.gifcolee_left1//www.tastyfever.com/skin/default/image/nopic.gif valign=//www.tastyfever.com/skin/default/image/nopic.giftop//www.tastyfever.com/skin/default/image/nopic.gif align=//www.tastyfever.com/skin/default/image/nopic.gifcenter//www.tastyfever.com/skin/default/image/nopic.gif><table cellpadding=//www.tastyfever.com/skin/default/image/nopic.gif2//www.tastyfever.com/skin/default/image/nopic.gif cellspacing=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif border=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif><tr align=//www.tastyfever.com/skin/default/image/nopic.gifcenter//www.tastyfever.com/skin/default/image/nopic.gif><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td></tr></table></td><td id=//www.tastyfever.com/skin/default/image/nopic.gifcolee_left2//www.tastyfever.com/skin/default/image/nopic.gif valign=//www.tastyfever.com/skin/default/image/nopic.giftop//www.tastyfever.com/skin/default/image/nopic.gif></td></tr></table></div><script>//使用div时,请保证colee_left2与colee_left1是在同一行上.var speed=30//速度数值越大速度越慢var colee_left2=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_left2//www.tastyfever.com/skin/default/image/nopic.gif);var colee_left1=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_left1//www.tastyfever.com/skin/default/image/nopic.gif);var colee_left=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_left//www.tastyfever.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=//www.tastyfever.com/skin/default/image/nopic.gifcolee_right//www.tastyfever.com/skin/default/image/nopic.gif style=//www.tastyfever.com/skin/default/image/nopic.gifoverflow:hidden;width:500px;//www.tastyfever.com/skin/default/image/nopic.gif><table cellpadding=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif cellspacing=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif border=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif><tr><td id=//www.tastyfever.com/skin/default/image/nopic.gifcolee_right1//www.tastyfever.com/skin/default/image/nopic.gif valign=//www.tastyfever.com/skin/default/image/nopic.giftop//www.tastyfever.com/skin/default/image/nopic.gif align=//www.tastyfever.com/skin/default/image/nopic.gifcenter//www.tastyfever.com/skin/default/image/nopic.gif><table cellpadding=//www.tastyfever.com/skin/default/image/nopic.gif2//www.tastyfever.com/skin/default/image/nopic.gif cellspacing=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif border=//www.tastyfever.com/skin/default/image/nopic.gif0//www.tastyfever.com/skin/default/image/nopic.gif><tr align=//www.tastyfever.com/skin/default/image/nopic.gifcenter//www.tastyfever.com/skin/default/image/nopic.gif><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td><td><p><img src=//www.tastyfever.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gif//www.tastyfever.com/skin/default/image/nopic.gif></p></td></tr></table></td><td id=//www.tastyfever.com/skin/default/image/nopic.gifcolee_right2//www.tastyfever.com/skin/default/image/nopic.gif valign=//www.tastyfever.com/skin/default/image/nopic.giftop//www.tastyfever.com/skin/default/image/nopic.gif></td></tr></table></div><script>var speed=30//速度数值越大速度越慢var colee_right2=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_right2//www.tastyfever.com/skin/default/image/nopic.gif);var colee_right1=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_right1//www.tastyfever.com/skin/default/image/nopic.gif);var colee_right=document.getElementById(//www.tastyfever.com/skin/default/image/nopic.gifcolee_right//www.tastyfever.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>

Baidu
map