重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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");

}

--

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这个函数,形成一个延时的递归循环

}

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


分享文章:javascript跑马灯,js跑马灯从右向左
链接分享:http://cqcxhl.com/article/dsohgdc.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP