|
引用 | 編輯
toidi
2005-01-09 20:35 |
樓主
▼ |
||
x0
不需要利用動態gif繪圖也可以顯現效果不錯的文字動畫!! 請看範例： DEMO ----- http://163.22.51.15/~alpha/wave.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>
 x0
|
|||