HTML DOM案例 - W3xue在线HTML/CSS/JS运行工具

<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>

</html>

​x
<div id="light_div" style="filter:light(enabled=1);"><img src="/img/eg_landscape.jpg" width="160" height="120" /></div>
 
<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
                    {