廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 4074 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為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.089708 second(s),query:16 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言