首頁 > 專家說

這段圖片滾動代碼為什么沒有循環(huán)滾動呢？（只是滾動一次）

來源：新能源網(wǎng)
時間：2024-08-17 13:06:56
熱度：

這段圖片滾動代碼為什么沒有循環(huán)滾動呢？（只是滾動一次）熱心網(wǎng)友：滾動代碼很多的，給你發(fā)個，自己照著改改。

熱心網(wǎng)友：滾動代碼很多的，給你發(fā)個，自己照著改改。<!DOCTYPE html PUBLIC http://www.msthinker.com/skin/default/image/nopic.gif-//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.msthinker.com/skin/default/image/nopic.gif http://www.msthinker.com/skin/default/image/nopic.gif http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhttp://www.msthinker.com/skin/default/image/nopic.gif><html xmlns=http://www.msthinker.com/skin/default/image/nopic.gif http://www.w3.org/1999/xhtmlhttp://www.msthinker.com/skin/default/image/nopic.gif><head><meta http-equiv=http://www.msthinker.com/skin/default/image/nopic.gifContent-Typehttp://www.msthinker.com/skin/default/image/nopic.gif content=http://www.msthinker.com/skin/default/image/nopic.giftext/html; charset=gb2312http://www.msthinker.com/skin/default/image/nopic.gif /><title>向上下左右不間斷無縫滾動圖片的效果(兼容火狐和IE) 阿里西西整理收集 alixixi .com</title></head><body><!--下面是向上滾動代碼-->告訴你一個應(yīng)有盡有的網(wǎng)頁特效網(wǎng)址：<a href=http://www.msthinker.com/skin/default/image/nopic.gif http://js.alixixi.comhttp://www.msthinker.com/skin/default/image/nopic.gif> http://js.alixixi.com</a><hr /><div id=http://www.msthinker.com/skin/default/image/nopic.gifcoleehttp://www.msthinker.com/skin/default/image/nopic.gif style=http://www.msthinker.com/skin/default/image/nopic.gifoverflow:hidden;height:253px;width:410px;http://www.msthinker.com/skin/default/image/nopic.gif><div id=http://www.msthinker.com/skin/default/image/nopic.gifcolee1http://www.msthinker.com/skin/default/image/nopic.gif><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></div><div id=http://www.msthinker.com/skin/default/image/nopic.gifcolee2http://www.msthinker.com/skin/default/image/nopic.gif></div></div><script>var speed=30;var colee2=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee2http://www.msthinker.com/skin/default/image/nopic.gif);var colee1=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee1http://www.msthinker.com/skin/default/image/nopic.gif);var colee=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcoleehttp://www.msthinker.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)//設(shè)置定時器//鼠標移上時清除定時器達到滾動停止的目的colee.onmouseover=function() {clearInterval(MyMar1)}//鼠標移開時重設(shè)定時器colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}</script><!--向上滾動代碼結(jié)束--><br><!--下面是向下滾動代碼--><div id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_bottomhttp://www.msthinker.com/skin/default/image/nopic.gif style=http://www.msthinker.com/skin/default/image/nopic.gifoverflow:hidden;height:253px;width:410px;http://www.msthinker.com/skin/default/image/nopic.gif><div id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_bottom1http://www.msthinker.com/skin/default/image/nopic.gif><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></div><div id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_bottom2http://www.msthinker.com/skin/default/image/nopic.gif></div></div><script>var speed=30var colee_bottom2=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_bottom2http://www.msthinker.com/skin/default/image/nopic.gif);var colee_bottom1=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_bottom1http://www.msthinker.com/skin/default/image/nopic.gif);var colee_bottom=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_bottomhttp://www.msthinker.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><!--向下滾動代碼結(jié)束--><br><!--下面是向左滾動代碼--><div id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_lefthttp://www.msthinker.com/skin/default/image/nopic.gif style=http://www.msthinker.com/skin/default/image/nopic.gifoverflow:hidden;width:500px;http://www.msthinker.com/skin/default/image/nopic.gif><table cellpadding=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif cellspacing=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif border=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif><tr><td id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_left1http://www.msthinker.com/skin/default/image/nopic.gif valign=http://www.msthinker.com/skin/default/image/nopic.giftophttp://www.msthinker.com/skin/default/image/nopic.gif align=http://www.msthinker.com/skin/default/image/nopic.gifcenterhttp://www.msthinker.com/skin/default/image/nopic.gif><table cellpadding=http://www.msthinker.com/skin/default/image/nopic.gif2http://www.msthinker.com/skin/default/image/nopic.gif cellspacing=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif border=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif><tr align=http://www.msthinker.com/skin/default/image/nopic.gifcenterhttp://www.msthinker.com/skin/default/image/nopic.gif><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td></tr></table></td><td id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_left2http://www.msthinker.com/skin/default/image/nopic.gif valign=http://www.msthinker.com/skin/default/image/nopic.giftophttp://www.msthinker.com/skin/default/image/nopic.gif></td></tr></table></div><script>//使用div時，請保證colee_left2與colee_left1是在同一行上.var speed=30//速度數(shù)值越大速度越慢var colee_left2=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_left2http://www.msthinker.com/skin/default/image/nopic.gif);var colee_left1=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_left1http://www.msthinker.com/skin/default/image/nopic.gif);var colee_left=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_lefthttp://www.msthinker.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 是對象的實際內(nèi)容的寬，不包邊線寬度else{colee_left.scrollLeft++}}var MyMar3=setInterval(Marquee3,speed)colee_left.onmouseover=function() {clearInterval(MyMar3)}colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}</script><!--向左滾動代碼結(jié)束--><br><!--下面是向右滾動代碼--><div id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_righthttp://www.msthinker.com/skin/default/image/nopic.gif style=http://www.msthinker.com/skin/default/image/nopic.gifoverflow:hidden;width:500px;http://www.msthinker.com/skin/default/image/nopic.gif><table cellpadding=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif cellspacing=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif border=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif><tr><td id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_right1http://www.msthinker.com/skin/default/image/nopic.gif valign=http://www.msthinker.com/skin/default/image/nopic.giftophttp://www.msthinker.com/skin/default/image/nopic.gif align=http://www.msthinker.com/skin/default/image/nopic.gifcenterhttp://www.msthinker.com/skin/default/image/nopic.gif><table cellpadding=http://www.msthinker.com/skin/default/image/nopic.gif2http://www.msthinker.com/skin/default/image/nopic.gif cellspacing=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif border=http://www.msthinker.com/skin/default/image/nopic.gif0http://www.msthinker.com/skin/default/image/nopic.gif><tr align=http://www.msthinker.com/skin/default/image/nopic.gifcenterhttp://www.msthinker.com/skin/default/image/nopic.gif><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td><td><p><img src=http://www.msthinker.com/skin/default/image/nopic.gif http://www.alixixi.com/images/noimg.gifhttp://www.msthinker.com/skin/default/image/nopic.gif></p></td></tr></table></td><td id=http://www.msthinker.com/skin/default/image/nopic.gifcolee_right2http://www.msthinker.com/skin/default/image/nopic.gif valign=http://www.msthinker.com/skin/default/image/nopic.giftophttp://www.msthinker.com/skin/default/image/nopic.gif></td></tr></table></div><script>var speed=30//速度數(shù)值越大速度越慢var colee_right2=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_right2http://www.msthinker.com/skin/default/image/nopic.gif);var colee_right1=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_right1http://www.msthinker.com/skin/default/image/nopic.gif);var colee_right=document.getElementById(http://www.msthinker.com/skin/default/image/nopic.gifcolee_righthttp://www.msthinker.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><!--向右滾動代碼結(jié)束--></body></html>

熱門標簽：滾動 代碼

免責(zé)聲明：此資訊系轉(zhuǎn)載自互聯(lián)網(wǎng)其它網(wǎng)站，全球新能源網(wǎng)登載此文出于傳遞更多信息之目的，并不代表本網(wǎng)贊同其觀點和對其真實性負責(zé)，文章內(nèi)容僅供參考。如涉及作品內(nèi)容、版權(quán)等問題，請在30工作日內(nèi)與本網(wǎng)聯(lián)系，我們將在第一時間處理！