探照燈
文章導讀:
<html>
<head>
<title>探照燈</title>
<style type="text/css">
<!--
body{
background-color:#000000;
}
div{
filter:light;
width:300px; /* 這句必須得有 */
}
-->
</style>
</head>
<body>
<script language="javascript">
function MouseMove(){
//移動點光源
point.filters[0].MoveLight(0,window.event.x-10,window.event.y-20,70,1);
}
</script>
<div onMouseMove="javascript:MouseMove()" id="point">
<img src="building.jpg">
</div>
<script language="javascript">
//添加點光源
point.filters.light(0).addPoint(0,0,70,240,240,0,100);
//point.filters.light(0).addPoint(0,0,100,0,150,255,100);
</script>
</body>