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://cdiso.cn/article/dsohgdc.html