Light滤镜能产生一个模拟光源的效果，但使用它要通过调用它的“方法（Method）”来实现，这就要用到一些Javascrpt知识，虽然有一点难度，但产生的效果也是奇特的，你看看下面的效果图就明白了。
图1 原图
图2 Light光源滤镜效果
上面的这种效果是不是很酷？！当你把鼠标在图片上移动时，灯光还会跟着移动呢！不过这里只是我抓的一张图片，当你按我下面介绍的方法做一下，就可以试 试如何让灯光跟着鼠标移动的效果了！其实这种效果在DW3中做起来一点都不难，不过这次光用鼠标点点是不行了。那我们就开始做吧。
制作步骤。
1、点击对象面板上的“imge"图标插入一幅图片；
2、用鼠标点一下插入的图片，打开DW3的源码检视窗，在刚插入图片的 “imge"标记中加入这样的代码：ID="lightsy" style="filter:light(enabled=1)" ；
3、然后在网页的源代码的“imge"标记代码后插入这样一段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 >
