23、很酷文字显示效果

23、很酷文字显示效果

<html>

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>网页特效---很酷的文字显示效果</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://www.7stk.com"' style="CURSOR: hand"

  width=500><TBODY>

  <TR>

    <TD bgColor=#ff6666>

      <DIV align=center class=let id=balk></DIV></TD></TR></TBODY></TABLE>

 

<p> </p>

 

</body>

 

</html>

 

Write a comment

Comments: 0