如何製作出具有發光特效的文字?
http://www.flag.com.tw/book/cento-5105.asp?bokno=F5413&id=82
本技巧適用於：製作出具有閃爍發光特效的文字，讓參訪者留下深刻印象。
本問題只適用 IE 5 或更新版本瀏覽器
在本問題我們學習如何製作閃爍發光特效的文字，這樣的文字最常使用於網頁最上方的大標題上，而且可以讓參訪者留下非常深刻的印象，下面我們就來學習如何製作。
- 步驟1複製檔案
首先將此特效文字所需要的
JavaScript 檔案 (本書光碟 \Part6\glowly.js) 複製到您要顯示特效文字那個網頁檔案同一資料夾中，然後解除它的唯讀屬性
(請不要對它更名)。
- 步驟2加入您的網頁中
現在使用記事本打開本書光碟中的 \Part6\文字發光特效.html，再用 Dreamweaver 打開您要顯示特效文字那個網頁檔案，再依照下面的操作來進行。
在記事本中<body 標籤中的內容複製到剪貼簿中，然後貼入您網頁中的<body 標籤內
再將 <div id="glowtext" style="position:absolute;
top:18plx; left:222px; width:406px; height: 80px;"> </div>
這段內容複製到剪貼簿中，然後貼入您網頁中最後面</body>標籤的前面後儲存
步驟3 依照您的需求來修改
基本上您只需要修改複製到您網頁中的程式碼，而不必改glowly.js的內容，首先查看加入<body標籤中的程式碼，只需要改init()函式中的各參數，說明如下。
現在就可以打開瀏覽器來查看特效文字。
在這個範例中，作者用了最佳的顏色搭配來顯示出發光特效文字，也因此將背景設定成黑色而 製造出最佳效果，不過您的網頁背景不一定或不適合設定成黑色，這樣目前的配色效果可能就打了折扣 所以如果你覺得效果不是很好的話，就需要更改文字顏色與光芒顏色，在前一步驟中的<body標籤內的init()函式第三個參數可以指定文字顏色，你可以更改他然後用瀏覽器查看結果如何，至於光芒顏色則是設定在glowly.js中的 var glowcolor="yellow"(也就是黃色)，基本上作者不建議你修改他，但如果實在配不出您滿意的效果，則可以試著改他看看。
留言列表
