javascript跑马灯,js跑马灯从右向左

关于用JavaScript实现文字的跑马灯的问题，怎样才能真正的融入到自己的网页中

给段代码，仅供参考：

!DOCTYPE HTML

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

titleMarquee/title

script type="text/javascript" src="marquee.js"/script

/head

body

div class="ccMarquee"在class为ccMarquee的标签内放入要实现跑马灯效果的文字/div

p class="ccMarquee"在class为ccMarquee的标签内放入要实现跑马灯效果的文字/p

h2 class="ccMarquee"在class为ccMarquee的标签内放入要实现跑马灯效果的文字/h2

span class="ccMarquee"在class为ccMarquee的标签内放入要实现跑马灯效果的文字/span

/body

/html

!--另附marquee.js代码，也可以放入头部

function getElementsByClass(searchClass,tagName) {

var classElements = new Array();

if ( tagName == null )

tagName = '*';

var els = document.getElementsByTagName(tagName);

var elsLen = els.length;

var pattern = new RegExp("(^|\s)"+searchClass+"(\s|$)");

for (i = 0, j = 0; i elsLen; i++) {

if ( pattern.test(els[i].className) ) {

classElements[j] = els[i];

j++;

}

}

return classElements;

}

function ccMarquee(className){

var a=getElementsByClass(className);

for (i = 0; i a.length; i++) {

a[i].innerHTML="marquee direction='left' width='800' height='33' scrollamount='1' scrolldelay='4' onmouseover='javascript:this.stop();' onmouseout='javascript:this.start();'"+ a[i].innerHTML+"/marquee";

}

//设置上面代码中的direction、width、height、scrollamount、scrolldelay.

}window.onload = function () {

ccMarquee("ccMarquee");

}

--

相关问答

Q1: javascript跑马灯问题

or(i = 1;i = 100;i++)

{

tem = " ";

strmsg = tem + strmsg;//----通过循环给字符串加上一串长度为100的空格

] 结尾的地方用的中括号，害我找了半天！

如果括号没写错，也会死机。

while(true)会一直运行下去，CPU被一直占用，所有图像都显示不出来了

用程序写动画或显示效果，需要中间设定暂停时间的，给浏览器留出图形处理时间。可以用setTimeout和setInterval来延时执行某个命令。例如：可以这样实现：

function paomadeng()

{

var strtemp = strmsg.substring(begin,end);----截取字符串

window.status = strtemp;

begin++; ----开始位置加1，视觉表示为文字向前移动了一位

if(begin = 109)

{

begin = 0;----当还剩下最后一个字符时表明到达了边界，重置为0

}

setTimeout(paomadeng,100);//设定0.1秒后再调用paomadeng这个函数，形成一个延时的递归循环

}

Q2: javascript脚本网页如何制作状态栏的跑马灯

html head title 文字的跑马灯效果 /title script Language="JavaScript" var msg="这是使用JavaScript实现的文字跑马灯效果"; var interval = 100;//定义setTimeout函数的时间参数，这里是0.1秒。 var maxlen = 120;//定义跑马灯msg处于最右时的位置值。 var space=" "; var seq=maxlen;//定义stext中被选取段的开始位置。 var stext="";//实际显示它的一部分。 var len; for (i=1; i=maxlen; i++) stext += space; stext += msg;//初始化它，实质是一段空格加上msg。 len=stext.length; function Scroll() { window.status=stext.substring(seq, len);//在状态栏上显示stext从seq开始，长度为len的一部分。 seq++;//seq每次加1，表示每次少显示一个前置空格，视觉效果就是文字提前一格。 if(seq = len)//如果seq比len大，意味着什么都不显示，或者说到达了左边界，则重新开始。 { seq = 0; } window.setTimeout("Scroll();", interval);//递归调用，过interval毫秒后再次调用Scroll函数。 } Scroll();//调用Scroll函数，进入递归。 /script /head body center font size=5 color="ff0094" 递归实现的跑马灯效果 /font /center /body /html