动态波浪文字 (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>