新闻中心

js 跑马灯状态栏效果代码

发布时间:1284093731　点击量:

 
 <!--文章内容--> 
js 跑马灯状态栏效果代码
<html>
<head>
<script language="JavaScript">
<!-- 
function makeArray(n)
{
	this.length = n;
	for (i=0; i<n; i++) this[i]="";
}
stcnt = 16;
msg = "欢迎您的www.111cn.net!"
wmsg = new makeArray(32);
wmsg[0]=msg;
blnk ="                    ";
for (i=1; i<32; i++)
{
	b = blnk.substring(0,i);
	for (j=0; j<msg.length; j++)
	wmsg[i]=wmsg[i]+msg.charAt(j)+b;
}
function wiper()
{
	if (stcnt > -1) str = wmsg[stcnt]; else str = wmsg[0];
	if (stcnt-- < -40) stcnt=31;
	window.status = str;
	timeID = window.setTimeout("wiper()",150);
}
// -->
</script>
</head>
<body onLoad=wiper();>

1、弹来弹去跑马灯
<marquee width=400 behavior=alternate direction=left align=middle border=1><font color="#ff0099">弹来弹去跑马灯</font></marquee> 

2、跑的很快的跑马灯
<marquee width=400 behavior=alternate direction=left align=middle border=1 scrollamount=30><font color="#ff6699">跑的很快的跑马灯</font></marquee> 

3、带有超级链接的跑马灯
<marquee width=90%> 
<a href="http://111cn.net/"　target=_blank><font color="#ff3399">^-^我是小林^-^带有超链接的跑马灯!点我试试^-^</font></a>
</marquee>

4、似乎有弹性效果： 
<marquee behavior="alternate" direction="up" width="200" height="100">http://111cn.net/</marquee>

参数说明： 
behavior=scroll, slide, alternate
跑马方式：循环绕行，只跑一次就停住，来回往复运动

direction=left,right
跑马方向：从左向右，从右向左

loop=100
跑马次数：循环100次，如不写默认为一直循环

width=100%,height=200
跑马范围：宽为100%，高为200像素

scrollamount=20
跑马速度：数越大越快

scrolldelay=500
跑马延时：毫秒数，利用它可实现跃进式滚动

hspace=20，vspace=20
跑马区域与其它区域间的空白大小

bgcolor=#00FFCC
跑马区域的背景颜色


</body>
</html> 
 <!--/文章内容-->

提示：您可以先修改部分代码再运行或者直接保存

上一篇：状态栏跑马灯代码

下一篇：没有了

行业资讯

网　　址:

www.chinaweb.com

客服热线:15801450084

公司地址：北京房山良乡苏园

友情链接:

中国网站之家 php网站建设,php家教,php培训 php讲师备案号:京ICP备09035308号-1

电话:13717978877 QQ:158069817 email:msh8888@163.com

中国站长之家

当前位置:企业首页 >> 新闻中心

js 跑马灯状态栏效果代码

发布时间:1284093731　点击量:

上一篇：状态栏跑马灯代码

下一篇：没有了

最新资讯

行业资讯

友情链接:

中国站长之家

当前位置:企业首页 >> 新闻中心

js 跑马灯状态栏效果代码

发布时间:1284093731 点击量:

上一篇：状态栏跑马灯代码

下一篇：没有了

最新资讯

行业资讯

友情链接:

发布时间:1284093731　点击量: