文字动态变化-网页制作-轻松学电脑

没有公告

	加入收藏
	设为首页
	联系站长

轻松学电脑>>网页制作>>文本特效类>>文字动态变化

双击滚屏阅读

文字动态变化

文字动态变化

下面框中为脚本显示区

欢迎访问

脚本说明:

把如下代码加入<body>区域中

<SCRIPT language=JavaScript><!-- Begin

var speed = 20;

var cycledelay = 1000;

var maxsize = 48;

var x = 0;

var y = 0;

var themessage, size;

var esize = "";

function initArray() {

this.length = initArray.arguments.length;

for (var i = 0; i < this.length; i++) {

this[i] = initArray.arguments[i];

}

var themessage2 = new initArray(

"欢迎访问......",

"网页之作.....",

"飘蓝工作室向你问好.....!",

"谢谢你的访问....."

);

if(navigator.appName == "Netscape")

document.write('<layer id="wds"></layer><br>');

if (navigator.appVersion.indexOf("MSIE") != -1)

document.write('<span id="wds"></span><br>');

function upwords(){

themessage = themessage2[y];

if (x < maxsize) {

x++;

setTimeout("upwords()",speed);

}

else setTimeout("downwords()",cycledelay);

if(navigator.appName == "Netscape") {

size = "<font point-size='"+x+"pt'>";

document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);

document.wds.document.close();

}

if (navigator.appVersion.indexOf("MSIE") != -1){

wds.innerHTML = "<center>"+themessage+"</center>";

wds.style.fontSize=x+'px'

}

function downwords(){

if (x > 1) {

x--;

setTimeout("downwords()",speed);

}

else {

setTimeout("upwords()",cycledelay);

y++;

if (y > themessage2.length - 1) y = 0;

}

if(navigator.appName == "Netscape") {

size = "<font point-size='"+x+"pt'>";

document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);

document.wds.document.close();

}

if (navigator.appVersion.indexOf("MSIE") != -1){

wds.innerHTML = "<center>"+themessage+"</center>";

wds.style.fontSize=x+'px'

}

setTimeout("upwords()",speed);

//  End -->

</SCRIPT>

上一篇文章：字符连续消隐

下一篇文章：文字特殊显示

阅读top10

	文字弯曲变形
	文字向左移动
	按钮驱动文字闪烁
	文字胡乱跳动
	链接在右面打开
	状态栏条
	点击出现链接
	文字连续闪烁
	文字段任意移动
	点击改变文字
	文字逐个闪烁
	各种形式文字输出
	文字飘动输出
	调节文字移动形式

查看文字动态变化全部内容