查看完整版本: 文字隱現

danny 2007-11-27 10:42

文字隱現

<BODY>
<table border="0" cellpadding="4" cellspacing="6" width="22%" height="36">
<tr>
<td width="100%" height="22"><div id="fade" style="text-align:center; width:300px; height:30px; z-index:1; left: 285px; top: 274px"></div>
<script type="text/javascript">
<!--
function fadetext() {
fade.style.filter="alpha(opacity="+x+", style=0)";
x=((y<50)?x+4:x-4); y+=2;
if(y==100) {
z=((z>=texts.length-1)?1:z+1); y=0;
fade.innerHTML=texts[z]; fade.style.color=tcolor[z];
}

setTimeout("fadetext();", 100);
}
var texts=new Array(7), tcolor=new Array(7), x=0, y=0, z=1;
texts[1]="人生就像一場戲,因為有緣才相聚";
texts[2]="相扶到老不容易,是否更該去珍惜";
texts[3]="為了小事發脾氣,回頭想想又何必";
texts[4]="別人生氣我不氣,氣出病來無人替";
texts[5]="我若氣死誰如意,況且傷神又費力";
texts[6]="鄰居親朋不要比,兒孫鎖事由他去";
texts[7]="吃苦享樂在一起,神仙羨慕好伴侶";

tcolor[1]="#ff6600";
tcolor[2]="#ff6600";
tcolor[3]="#ff6600";
tcolor[4]="#ff6600";
tcolor[5]="#ff6600";
tcolor[6]="#ff6600";
tcolor[7]="#ff6600";

fade.innerHTML=texts[z]; fade.style.color=tcolor[z];
window.onload=fadetext;
//--></script>
</font>
</td>
</tr>
</table>
</center>
</div>
</td>
<td width="245" height="1">
</td>
</tr>
</table>
</BODY>




※字可改
頁: [1]
查看完整版本: 文字隱現