登 录
<html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br /> <title>向上下左右不间断无缝滚动图片的效果（兼容火狐和IE）-JS特效学院|JsWeb.Cn</title><br /> </head><br /> <body><!--下面是向上滚动代码--><br /> <div id=jsweb8_cn_top style=overflow:hidden;height:100;width:90;><br /> <div id=jsweb8_cn_top1><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> </div><br /> <div id=jsweb8_cn_top2></div><br /> </div><br /> <mce:script type="text/javascript"><!--</p> <p>var speed=30<br /> jsweb8_cn_top2.innerHTML=jsweb8_cn_top1.innerHTML //克隆jsweb8_cn_top1为jsweb8_cn_top2<br /> function Marquee1(){<br /> //当滚动至jsweb8_cn_top1与jsweb8_cn_top2交界时<br /> if(jsweb8_cn_top2.offsetTop-jsweb8_cn_top.scrollTop<=0)<br /> jsweb8_cn_top.scrollTop-=jsweb8_cn_top1.offsetHeight //jsweb8_cn_top跳到最顶端<br /> else{<br /> jsweb8_cn_top.scrollTop++;<br /> }<br /> }<br /> var MyMar1=setInterval(Marquee1,speed)//设置定时器<br /> //鼠标移上时清除定时器达到滚动停止的目的<br /> jsweb8_cn_top.onmouseover=function() {clearInterval(MyMar1)}<br /> //鼠标移开时重设定时器<br /> jsweb8_cn_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}<br /> // --></mce:script><br /> <!--向上滚动代码结束--><br /> <br><br /> <!--下面是向下滚动代码--><br /> <div id=jsweb8_cn_bottom style=overflow:hidden;height:100;width:90;><br /> <div id=jsweb8_cn_bottom1><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> <img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"><br /> </div><br /> <div id=jsweb8_cn_bottom2></div><br /> </div><br /> <mce:script type="text/javascript"><!--</p> <p>var speed=30<br /> jsweb8_cn_bottom2.innerHTML=jsweb8_cn_bottom1.innerHTML<br /> jsweb8_cn_bottom.scrollTop=jsweb8_cn_bottom.scrollHeight<br /> function Marquee2(){<br /> if(jsweb8_cn_bottom1.offsetTop-jsweb8_cn_bottom.scrollTop>=0)<br /> jsweb8_cn_bottom.scrollTop+=jsweb8_cn_bottom2.offsetHeight<br /> else{<br /> jsweb8_cn_bottom.scrollTop--<br /> }<br /> }<br /> var MyMar2=setInterval(Marquee2,speed)<br /> jsweb8_cn_bottom.onmouseover=function() {clearInterval(MyMar2)}<br /> jsweb8_cn_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}<br /> // --></mce:script><br /> <!--向下滚动代码结束--><br /> <br><br /> <!--下面是向左滚动代码--><br /> <div id="jsweb8_cn_left" style="overflow:hidden;width:500px;"><br /> <table cellpadding="0" cellspacing="0" border="0"><br /> <tr><td id="jsweb8_cn_left1" valign="top" align="center"><br /> <table cellpadding="2" cellspacing="0" border="0"><br /> <tr align="center"><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif" width="88"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> </tr><br /> </table><br /> </td><br /> <td id="jsweb8_cn_left2" valign="top"></td><br /> </tr><br /> </table><br /> </div><br /> <mce:script type="text/javascript"><!--<br /> var speed=30//速度数值越大速度越慢<br /> jsweb8_cn_left2.innerHTML=jsweb8_cn_left1.innerHTML<br /> function Marquee3(){<br /> if(jsweb8_cn_left2.offsetWidth-jsweb8_cn_left.scrollLeft<=0)<br /> jsweb8_cn_left.scrollLeft-=jsweb8_cn_left1.offsetWidth<br /> else{<br /> jsweb8_cn_left.scrollLeft++<br /> }<br /> }<br /> var MyMar3=setInterval(Marquee3,speed)<br /> jsweb8_cn_left.onmouseover=function() {clearInterval(MyMar3)}<br /> jsweb8_cn_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}<br /> // --></mce:script><br /> <!--向左滚动代码结束--><br /> <br><br /> <!--下面是向右滚动代码--><br /> <div id="jsweb8_cn_right" style="overflow:hidden;width:500px;"><br /> <table cellpadding="0" cellspacing="0" border="0"><br /> <tr><td id="jsweb8_cn_right1" valign="top" align="center"><br /> <table cellpadding="2" cellspacing="0" border="0"><br /> <tr align="center"><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> <td><img src="http://jsweb8.cn/images/logo.gif" mce_src="http://jsweb8.cn/images/logo.gif"></td><br /> </tr><br /> </table><br /> </td><br /> <td id="jsweb8_cn_right2" valign="top"></td><br /> </tr><br /> </table><br /> </div><br /> <mce:script type="text/javascript"><!--<br /> var speed=30//速度数值越大速度越慢<br /> jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML<br /> function Marquee4(){<br /> if(jsweb8_cn_right.scrollLeft<=0)<br /> jsweb8_cn_right.scrollLeft+=jsweb8_cn_right2.offsetWidth<br /> else{<br /> jsweb8_cn_right.scrollLeft--<br /> }<br /> }<br /> var MyMar4=setInterval(Marquee4,speed)<br /> jsweb8_cn_right.onmouseover=function() {clearInterval(MyMar4)}<br /> jsweb8_cn_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}<br /> // --></mce:script><br /> <!--向右滚动代码结束--><br /> <p></p><br /> 更多精彩尽在JS特效学院|<a href="http://www.jsweb8.cn" mce_href="http://www.jsweb8.cn"<br /> target="_blank">www.jsweb8.cn</a>,转载请注明出处（JS特效学院）<br /> </body><br /> </html><br /> <a href="http://js.alixixi.com/" mce_href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>
抱歉!评论已关闭.