60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 文本特效类 >> 正文[打印] [收藏]

一个文字从小变大的特效，文字动感十足，而且文字交替出现

作者：生鱼片文章来源：互联网点击数：更新时间：2006-4-10 23:20:15

演示区

脚本说明：

将下面的代码加在<head></head>之间

将下面的代码加在<body></body>之间

<!-- 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>

将下面的代码加在<body>里(例<body **加代码处**>)

上一篇教程：文字隐现效果，而且一句一句的循环出现

下一篇教程：一个可以文本显示的公告栏，可以在多处使用，绝对不可错过

相关一个文字从小变大的特效，文字动感十足，而且文字交替出现的文章：

一个文字从小变大的特效，文字动感十足，而且文字交替出现

网友评论

数据载入中，请稍后……

60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 文本特效类 >> 正文[打印] [收藏]

一个文字从小变大的特效，文字动感十足，而且文字交替出现

网友评论

全站阅读排行

本类热门教程