動態波浪文字 (DEMO)
不需要利用動態gif繪圖也可以顯現效果不錯的文字動畫!!
請看範例： DEMO
-----
http://163.22.51.15/...ave.htm ------
說明：
*修改
var msg='動態波浪文字'msg='文字內容'
*文字內容的字型、顏色、大小皆可調整
*波長、振幅皆可調整 (看一下代碼應該不難找)
*波動的頻率可調最後一行指令
TIMER=setTimeout('test()',10); setTimeout('test()',n);
複製程式
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>動態波浪文字</title>
</head>
<body>
<body onLoad="if (document.all)test()">
<script language="javascript">
if (document.layers)
{
alert("Your Browser is not capable of displaying this effect.\nPick another.");
opener.gO();window.close();
}
else
if (document.all){
var step=3;
var xstep=0;
var msg='動態波浪文字'
document.write("<center><div id='water' style='position:relative;width:650px;height:150px;font-family:標楷體;font-size:75px;color:#0000FF;font-bgcolor:#ffff00'>"+msg+"</div></center>");
function test(){
document.all.water.style.filter='wave(freq=3, strength=5, phase='+xstep+', lightstrength=45, add=0, enabled=1)'
xstep+=step;
TIMER=setTimeout('test()',10);
}
}
</script>
</body>
</html>
