<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <body> <div id="demo" style="overflow:hidden;height:215px;"> <div id="demo1"> <a title="" href="#" mce_href="#" target="_blank">aaaa</a><br> <a title="" href="#" mce_href="#" target="_blank">bbbb</a><br> <a title="" href="#" mce_href="#" target="_blank">cccc</a><br> <a title="" href="#" mce_href="#" target="_blank">ddd</a><br> </div> <div id="demo2"></div> </div> <mce:script type="text/javascript"><!-- var speed=50 var demo= document.getElementById("demo"); var demo1 = document.getElementById("demo1"); var demo2 = document.getElementById("demo2"); demo2.innerHTML=demo1.innerHTML function Marquee(){ if(demo.scrollTop>=demo2.offsetHeight) { demo.scrollTop-=demo1.offsetHeight } else{ demo.scrollTop++ } } var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} // --></mce:script> </body> </html>
//横向
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>tangfang</title> </head> <body> <div id="demo" style="overflow:hidden;height:120px;width:600px;color:#ffffff"> <table align=left cellpadding=0 border=0><tr><td id="demo1" valign=top> <table border=0 cellpadding=0 cellspacing=0> <tr> <td><img src="http://tangfang9.cn/images/logo.gif" mce_src="http://tangfang9.cn/images/logo.gif" width=150 height=100></td> <td><img src="http://tangfang9.cn/images/logo.gif" mce_src="http://tangfang9.cn/images/logo.gif" width=150 height=100></td> <td><img src="http://tangfang9.cn/images/logo.gif" mce_src="http://tangfang9.cn/images/logo.gif" width=150 height=100></td> <td><img src="http://tangfang9.cn/images/logo.gif" mce_src="http://tangfang9.cn/images/logo.gif" width=150 height=100></td> <td><img src="http://tangfang9.cn/images/logo.gif" mce_src="http://tangfang9.cn/images/logo.gif" width=150 height=100></td> </tr> </table> </td><td id="demo2" valign=top></td></tr></table></div> <mce:script language="javascript"><!-- var LeftMyMar; var MyMar; var speed=30; function MarqueeLeft() { clearInterval(MyMar) demo2.innerHTML=demo1.innerHTML //向左走 function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft++ } } LeftMyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(LeftMyMar)} demo.onmouseout=function() {LeftMyMar=setInterval(Marquee,speed)} } MarqueeLeft(); function MarqueeRight() { clearInterval(LeftMyMar) demo2.innerHTML=demo1.innerHTML demo.scrollLeft=demo.scrollWidth function Marquee(){ if(demo.scrollLeft<=0) demo.scrollLeft+=demo2.offsetWidth else{ demo.scrollLeft-- } } MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} } // --></mce:script> <a href="#" mce_href="#" onClick="MarqueeLeft()">向左</a> <a href="#" mce_href="#" onClick="MarqueeRight()">向右</a> </body> </html>
您还没有登录,请您登录后再发表评论
js 实现 无缝 滚动 特效 只需该图片名称就行啦
用JS实现图片或文字向上或向下无缝隙滚动
js无缝隙滚动文字广告,点住不放可以快速向上滚动,
利用javascript实现无缝隙横向滚动图片,并且带有向前、向后加速滚动查看图片的功能。
JS不间断向左滚动javascript无缝隙
javascript简单代码文字从下往上无缝隙滚动,从顶部开始滚动,不会出现空白
javascript无缝隙 JS不间断向右滚动
JS不间断向上滚动 javascript不间断向上滚动 无缝隙
这是我的图片、文字横竖无缝隙同时滚动代码,(我还有消息提示、通用js所以滚动大全、模式对话框、各种js特效),希望可以帮助大家.注:此资源针对需要特效人员。
利用javascript实现无缝隙横向滚动图片,并且带有向前、向后加速滚动查看图片的功能
MSClass.js API详见下面地址 http://www.popub.net/script/MSClass.html 下面这个不是,推广下网站,嘿嘿www.5t5fa.com
下面小编就为大家带来一篇JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
JS不间断向下滚动无缝隙javascript
无缝隙图片向上滚动JS代码下载
无缝隙滚动很强大很快的解决图片或者文字之间的股东
marquee无缝隙循环 向左 向右 近日研究marquee无缝隙循环,有些心得 因为是初学JS 所以从网上找了不少别人的例子 我发现了一下问题 1.大多数html代码不符合W3C的最新标准。 2.很多代码移植性太差。 3.向左循环的...
JS向上滚动,JS向上滚动,JS向上滚动,JS向上滚动
下面小编就为大家带来一篇JavaScript实现垂直向上无缝滚动特效代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
当当网 用javascript 特效使用 无缝隙滚动 滚动广告 注册js验证
相关推荐
js 实现 无缝 滚动 特效 只需该图片名称就行啦
用JS实现图片或文字向上或向下无缝隙滚动
js无缝隙滚动文字广告,点住不放可以快速向上滚动,
利用javascript实现无缝隙横向滚动图片,并且带有向前、向后加速滚动查看图片的功能。
JS不间断向左滚动javascript无缝隙
javascript简单代码文字从下往上无缝隙滚动,从顶部开始滚动,不会出现空白
javascript无缝隙 JS不间断向右滚动
JS不间断向上滚动 javascript不间断向上滚动 无缝隙
这是我的图片、文字横竖无缝隙同时滚动代码,(我还有消息提示、通用js所以滚动大全、模式对话框、各种js特效),希望可以帮助大家.注:此资源针对需要特效人员。
利用javascript实现无缝隙横向滚动图片,并且带有向前、向后加速滚动查看图片的功能
MSClass.js API详见下面地址 http://www.popub.net/script/MSClass.html 下面这个不是,推广下网站,嘿嘿www.5t5fa.com
下面小编就为大家带来一篇JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
JS不间断向下滚动无缝隙javascript
无缝隙图片向上滚动JS代码下载
无缝隙滚动很强大很快的解决图片或者文字之间的股东
marquee无缝隙循环 向左 向右 近日研究marquee无缝隙循环,有些心得 因为是初学JS 所以从网上找了不少别人的例子 我发现了一下问题 1.大多数html代码不符合W3C的最新标准。 2.很多代码移植性太差。 3.向左循环的...
JS向上滚动,JS向上滚动,JS向上滚动,JS向上滚动
下面小编就为大家带来一篇JavaScript实现垂直向上无缝滚动特效代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
当当网 用javascript 特效使用 无缝隙滚动 滚动广告 注册js验证