Light濾鏡能產生一個模擬光源的效果，但使用它要通過調用它的“方法（Method）”來實現，這就要用到一些Javascrpt知識，雖然有一點難度，但產生的效果也是奇特的，你看看下面的效果圖就明白了。
上面的這種效果是不是很酷？！當你把鼠標在圖片上移動時，燈光還會跟著移動呢！不過這里只是我抓的一張圖片，當你按我下面介紹的方法做一下，就可以試試如何讓燈光跟著鼠標移動的效果了！其實這種效果在DW3中做起來一點都不難，不過這次光用鼠標點點是不行了。那我們就開始做吧。
1、點擊對象面板上的“image"圖標插入一幅圖片；
2、用鼠標點一下插入的圖片，打開DW3的源碼檢視窗，在剛插入圖片的 “imge"標記中加入這樣的代碼：ID="lightsy" style="filter:light(enabled=1)" ；
3、然后在網頁的源代碼的“image"標記代碼后插入這樣一段Javascript 程序：
< script language="Javascript" >
< !--
// 調用設置光源函數
window.onload=setlights1;
// 獲得鼠標句柄
lightsy.onmousemove=mousehandler;
// 調用Light濾鏡方法
function setlights1(){
lightsy.filters[0].addcone(380,-20,5,100,100,255,255,0,40,25); }
// 捕捉鼠標的位置來移動光線焦點
function mousehandler()
{
x=(window.event.x-40);
y=(window.event.y-40);
lightsy.filters[0].movelight(0,x,y,5,1);
}
-- >
< /script >
若是你不想讓鼠標能控制燈光移動，那么只要下面這樣幾行代碼就行了：
< script language="Javascript" >
< !--
// 調用設置光源函數
window.onload=setlights1;
// 調用Light濾鏡方法
function setlights1()
{
lightsy.filters[0].addcone(380,-20,5,100,100,255,255,0,40,25); }
}
-- >
< /script >
至此，按F12就可看到奇妙的效果了，不難吧！我們不但要知其然，還要知其所以然，本例中很關鍵的是這句程序代碼：lightsy.filters[0].addcone(380,- 20,5,100,100,255,255,0,40,25);括號中的數值是可以修改的，通過設置不同的值可以獲得各種各樣的燈光效果，那么這些數值參數代表什么意思呢？
第一個參數：光源的X坐標；第二個參數：光源的Y坐標；第三個參數：光源離開頁面的高度；第四至第六個參數：光源的顏色；第七個參數：光源光的色相；第八個參數：光源的形狀；第九個參數：光源的光的強度 ；第十個參數：光源光散開的范圍。
一個光源不夠，怎么辦？你可以增加任意個光源。方法也很簡單，就是在“setlights1 "函數中再增加幾句lightsy.filters[0].addcone(380,-20,5,100,100,255,255,0,40,25)代碼，不要忘記把參數改動一下，不然的話，光源都有在同一個位置可就看不出效果了。
上面只是用Javascript調用了Light濾鏡的“addcone"（加入錐形光源）和“movelight"（移動光源）方法。Light濾鏡還有一些方法，介紹如下：
addambient ： 加入包圍的光源；
addpoint ： 加入點光源；
changcolor ：改變光的顏色；
changestrength：改變光源的強度；
clear ： 清除所有光源。
我們只要對上面的Javascript程序稍作改動，就可獲得更加美妙和效果。