图片聚光灯效果

 1<style>
 2#myimage{filter:light}
 3body {
 4    background-color: #000000;
 5}
 6</style>
 7<div id="myimg" align="center">
 8<img src="http://img.star.tfol.com/star/stars/1760/photos/M72353.jpg" id="myimage">
 9</div>
10<script language="JavaScript">
11<!--
12s = 50; // 聚光灯的大小 
13vp = 40; // 图片可见度
14startx = 30; // the top position of your sportlight into the image (on start)
15starty = 30; // the left position of your spotlight into the image (on start)
16
17var IE = document.all?true:false
18
19function moveL()
20{
21xv = tempX;
22yv = tempY;
23myimage.filters.light.MoveLight(1,xv,yv,s,true);
24}
25
26if (IE&&myimage.filters)
27document.all.myimage.onmousemove = getMouseXY;
28var tempX = 0
29var tempY = 0
30
31
32function getMouseXY(e) {
33tempX = event.offsetX
34tempY = event.offsetY
35
36  if (tempX < 0){tempX = 0}
37  if (tempY < 0){tempY = 0}
38  if (t)
39  {  
40   moveL();
41  }
42
43  return true
44}
45
46var xv = startx;
47var yv = starty;
48var t= true;
49if (IE&&myimage.filters){
50myimage.style.cursor="hand";
51myimage.filters.light.addAmbient(255,255,255,vp)
52myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
53}
54//-->
55</script>