广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 4076 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为IE收藏   收藏主题   上一主题 | 下一主题   
toidi
个人头像
个人文章 个人相簿 个人日记 个人地图
初露锋芒
级别: 初露锋芒 该用户目前不上站
推文 x0 鲜花 x17
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片
推文 x0
文章表情[JScript][教学] 动态波浪文字
动态波浪文字 (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> 



-=FiS=-
_/_/_/_/_/施比受更有福_/_/_/_/_/
献花 x0 回到顶端 [楼 主] From:台湾中华电信 | Posted:2005-01-09 20:35 |
Kilian
个人头像
个人文章 个人相簿 个人日记 个人地图
终身成就奖
知名人士
级别: 知名人士 该用户目前不上站
推文 x4 鲜花 x387
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

抱歉:

在 FF 看不到 - 空白页

xp IE 6 SP2, 只看到文字 [动态波浪文字] ,但非动的!


献花 x0 回到顶端 [1 楼] From:加拿大温哥华 | Posted:2005-01-11 10:19 |

首页  发表文章 发表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.119632 second(s),query:16 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言