跑马灯代码网页图片跑马灯代码，自己插入图片就可以用的那种啊~~

跑马灯代码时间:2021-05-25 阅读:()

求js走马灯代码

主要用到是marquee function Marquee(objID,vh,w,h,sp){ var objOri=document.getElementById(objID); var objHTML=objOri.outerHTML; if(!objHTML) { var div = document.createElement("div"); div.appendChild( objOri.cloneNode(true)); objHTML = div.innerHTML; } var MarqueeFrame="MarqueeFrame_"+objID; var MarqueeObj="MarqueeObj_"+objID; var MarqueeObjPost="MarqueeObjPost_"+objID; var str="<div id="+MarqueeFrame+" style="OVERFLOW: hidden; WIDTH: "+w+"px; HEIGHT: "+h+"px">"; str+="<table border=0 align=center cellpadding=0 cellspacing=0 cellspace=0><tr>"; str+="<td id="+MarqueeObj+" >"+objHTML+"</td>"; str+=vh=="v"?"</tr><tr>":""; str+="<td id="+MarqueeObjPost+">"+objHTML+"</td></tr></table></div>"; //objOri.outerHTML=str; //FF不支持outerHTML,可以改用一下方法,不过需要jQuery1.3.2支持 $(objOri).replaceWith(str); var mf=document.getElementById(MarqueeFrame); var obj=document.getElementById(MarqueeObj); var objPost=document.getElementById(MarqueeObjPost); var MyMar=setInterval(function(){InternalMarquee(mf,obj,objPost,vh)},sp); mf.onmouseover=function() {clearInterval(MyMar)}; mf.onmouseout=function() {MyMar=setInterval(function(){InternalMarquee(mf,obj,objPost,vh)},sp)}; } function InternalMarquee(mf,obj,objPost,vh) { if(vh=="v") { if(objPost.offsetTop-mf.scrollTop<=0){ mf.scrollTop-=obj.offsetHeight; } else{ mf.scrollTop++; } } else { if(objPost.offsetLeft-mf.scrollLeft<=0){ mf.scrollLeft-=obj.offsetWidth; } else{ mf.scrollLeft++; } } }

求网页图片跑马灯连续循环代码

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"> <HTML> <HEAD> </HEAD> <> <tablewidth="760"align="center"border="1"> <tr> <tdalign="center"> <divid=demostyle=＇overflow:hidden;height:110px;width:750px;＇> <tableheight=110border=0cellspacing=0cellpadding=0> <tr> <tdid=demo1>  <tablewidth=780> <tr> <td>第一</td> <td>第二</td> <td>文章标题</td> <td>最牛交通工具添　　加：更新时间：2004年10月9日＇</td> <td>经典动物幽默图集添　　加：更新时间：2004年10月7日＇</td> <td>新化二中添　　加：更新时间：2004年10月7日＇</td> </tr> </table>  </td> <tdid=demo2></td> </tr> </table> </div> </td> </tr> </table> <script> varspeed=15 demo2.innerHTML=demo1.innerHTML functionMarquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0) demo.scrollLeft-=demo1.offsetWidth else{ demo.scrollLeft } } varMyMar=setInterval(Marquee,speed) demo.onmouseover=function(){clearInterval(MyMar)} demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)} </script> </td> </tr> </table> </> </HTML>

单片机跑马灯代码

//假设晶振12MHZ，P1控制8个LED低电平亮 #include "reg51.h" unsigned int YSJS=0; signed char LED=0XFF; void main(void) { TMOD |= 0X10; //定时器1工作于方式1,16位定时器 TH1 = 0XFE; //定时器1定时时间=500uS TL1 = 0X0C; ET1 = 1; //使能定时器1中断 TR1 =1; EA =1; //开总中断 while(1) { } } void TIMER1(void) interrupt 3 //定时器1中断函数使用默认寄存器组 { TH1 = 0XFE; //定时器1定时时间=500us TL1 = 0X0C; YSJS++; if(YSJS==1000) //500uS*1000=500000us=0.5s,可调整 { P1 = LED; LED=LED<<1 if(LED==0X00)LED=0XFF; YSJS = 0 } }

Adobe Dreamweaver CS3 走马灯代码是什么?

实现跑马灯的方法很多，其中最简单的是采用一句Html代码来实现，我们在需要出现跑马灯效果的地方插入“滚动的文字”语句　　适当的运用标签的参数，可以表现出不同的效果，请看下面的几个例子：　　1、左右弹来弹去的跑马灯　　实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。

设置behavior=alternate表示双向移动，direction=left表示运动方向向左。

marquee的宽度可以使用绝对象素值，例如width=200等这个值限定了跑马灯滚动的范围。

需要说明的是该效果在Netscape下是看不到的。

　　源码：弹来弹去跑马灯! 　　２、跑的很快的跑马灯　　只要在标签内加上“scrollamount=30”参数即可。

　　３、带有超级链接的跑马灯　　其实实现的方法很简单，把整个语句包含在超链接中就行，你看看下面的代码就清楚了。

当然你也可以把包含在中的各条内容分别加上不同的链接，这样的跑马灯用来发布滚动新闻或是做站点导航再合适不过了。

　　源码粘贴框：带有超链接的跑马灯!点我试试？　　　　　　　　　　/source/Index.html"　target=_blank>还有一条呢!点我试试？

网页图片跑马灯代码，自己插入图片就可以用的那种啊~~

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片滚动</title> <style type="text/css">  </style> <script type="text/javascript"> function change1() { document.getElementById("i").src = "/jscss/demoimg/wall_s1.jpg"; } function change2() { document.getElementById("i").src = "/jscss/demoimg/wall_s2.jpg"; } function change3() { document.getElementById("i").src = "/jscss/demoimg/wall_s3.jpg"; } function change4() { document.getElementById("i").src = "/jscss/demoimg/wall_s4.jpg"; } function change5() { document.getElementById("i").src = "/jscss/demoimg/wall_s5.jpg"; } function change6() { document.getElementById("i").src = "/jscss/demoimg/wall_s6.jpg"; } </script> </head> <body> <table align="center"> <tr> <td align="center"> <div id="demo" align="center"> <div id="indemo"> <div id="demo1" align="center"> <a href="#"><img src="/jscss/demoimg/wall_s1.jpg" border="0" onclick="change1();" /></a> <a href="#"><img src="/jscss/demoimg/wall_s2.jpg" border="0" onclick="change2();"/></a> <a href="#"><img src="/jscss/demoimg/wall_s3.jpg" border="0" onclick="change3();"/></a> <a href="#"><img src="/jscss/demoimg/wall_s4.jpg" border="0" onclick="change4();"/></a> <a href="#"><img src="/jscss/demoimg/wall_s5.jpg" border="0" onclick="change5();"/></a> <a href="#"><img src="/jscss/demoimg/wall_s6.jpg" border="0" onclick="change6();"/></a> </div> <div id="demo2" align="center"></div> </div> </div> <script>  </script> </td> </tr> <tr> <td> <div align="center" ><img name="i" src="/jscss/demoimg/wall_s1.jpg"></div> </td> </tr> </table> </body> </html> 自己修改那个src的路径就可以了

展开全文