代码示例：（标识：dhtm_filter_lightfx）
<html>
<head>
<script type="text/javascript">
var timer
i=0
j=0
k=0
l=160
m=120
function setlight()
{
document.getElementById('light_div').filters[0].clear()
if (i<100)
{
document.getElementById('light_div').filters[0].addcone(0,0,0,50,50,100,120,200,i,100)
}
else
{
if (j<160)
{
document.getElementById('light_div').filters[0].addcone(j,0,0,50,50,100,120,200,i,200)
j++
}
else
{
if (k<120)
{
document.getElementById('light_div').filters[0].addcone(j,k,0,50,50,100,120,200,i,200)
k++
}
else
{
if (l>0)
{
l--
document.getElementById('light_div').filters[0].addcone(l,k,0,50,50,100,120,200,i,200)
}
else
{
if (m>0)
{
m--
document.getElementById('light_div').filters[0].addcone(l,m,0,50,50,100,120,200,i,200)
}
else
{
stoptimer()
}
}
}
}
}
i++
timer=setTimeout("setlight()",1)
}
function stoptimer()
{
clearTimeout(timer)
}
</script>
<style>
div
{
width:100px;
}
body
{
background:#000000;
}
</style>
</head>
<body onload="setlight()" onunload="stoptimer()">
<div id="light_div" style="filter:light(enabled=1);"><img src="/static/demo/images/eg_landscape.jpg" width="160" height="120" /></div>
</body>
</html>
