代码示例:(标识:dhtm_dropshadow)
<html>
<head>
<style>
h1
{
color:black;
height:50;
font:bold;
}
</style>
<script type="text/javascript">
var i
function dropshadow()
{
i=0
interval=setInterval("makedropshadow()",10)
}

function back()
{
clearInterval(interval)
document.getElementById('myHeader').style.filter=false
}

function makedropshadow()
{
i++
if (i<15)
	{
	document.getElementById('myHeader').style.filter="dropshadow(offx=" + i + ")"
	document.getElementById('myHeader').style.filter="dropshadow(offy=" + i + ")"
	}
else if (window.interval)
	{
	clearInterval(interval)
	}
}
</script>
</head>

<body>
<h1 id="myHeader" onmouseover="dropshadow()" onmouseout="back()">请把鼠标移动到这个标题上</h1>
</body>

</html>
运行结果: