很酷的文字显示效果

显示全部楼层 · 2007-5-19 03:20:32

<html>
<head>
<meta http-equiv="Content-Type" c>
<title>网页特效|Linkweb.cn/Js|---很酷的文字显示效果</title>
</head>
<body onload=startmot()>
<STYLE>
.let {
COLOR: white; FILTER: Shadow (Color="#ff0000", Direction="135")wave(Add="0", Phase="4", Freq="9", LightStrength="20", Strength="1"); FONT-FAMILY: Verdana; FONT-WEIGHT: bold; WIDTH: 500px
}
</STYLE>
<SCRIPT language=JavaScript>
var regel = 0; //row to start with
var size = 20; //size of font
var delay = 1200; //Delay between messages in msecs
var speed = 20; //Hmmmmmm
var step = 10; //Size of each step

var sent = new Array()
{
sent[0] = "欢迎光临网页特效";
sent[1] = "这里有上千个代码";
sent[2] = "网站设计制作必不可少";
sent[3] = "这时里有大量的教学文章";
sent[4] = "这里是你制作网站的好地方";
sent[5] = "欢迎你常来坐坐！！！";
}
sent[sent.length] = sent[0];var veran = 0;var num = 0;var x = 0;//Don't change
function moto(){output = "";for(letter = 0;letter<sent[regel+1].length;letter++){
if(veran == letter){if(x==0){num=num+step;}else{num=num-step;}gr = size-num;
if(gr < 1){x=1;gr=1;}if(gr>size)gr=size;
output += "<font style='font-size:"+gr +"pt'>"+sent[regel+x].substring(letter, letter+1)+"</font>";
if(num < 0 && x==1){veran++;x=0;}}else{if(veran > letter){
output += "<font style='font-size:"+size +"pt'>"+sent[regel+1].substring(letter, letter+1)+"</font>";
}else{output += "<font style='font-size:"+size +"pt'>"+sent[regel].substring(letter, letter+1)+"</font>";}}}
return output;}function startmot(){if(regel==sent.length-1)regel=0;balk.innerHTML = moto();
if(veran==sent[regel+1].length){regel++;veran = 0;setTimeout("startmot()", delay);}else{
setTimeout("startmot()", speed);}}
</SCRIPT>
<TABLE align=center bgColor=#008000 height=60 id=tafel
onclick='location="http://linkweb.cn/js"' style="CURSOR: hand"
  width=500><TBODY>
  <TR>
<TD bgColor=#ff6666>
   <DIV align=center class=let id=balk></DIV></TD></TR></TBODY></TABLE>
</body>
</html>

点击打开看演示：

很酷的文字显示效果.htm (1.99 KB, 下载次数: 11)

xcyi0823 · 2010-4-24 22:04:19

这个不知道什么用。先收藏一下。好好学习

zhulin2850 · 2010-7-25 18:49:18

太漂亮啊啊