图片聚光灯效果

代码如下:
<style> #myimage{filter:light} body { background-color: #000000; } </style> <div id="myimg" align="center"> <img src="http://img.star.tfol.com/star/stars/1760/photos/M72353.jpg" id="myimage"> </div> <script language="JavaScript"> <!-- s = 50; // 聚光灯的大小 vp = 40; // 图片可见度 startx = 30; // the top position of your sportlight into the image (on start) starty = 30; // the left position of your spotlight into the image (on start) var IE = document.all?true:false function moveL() { xv = tempX; yv = tempY; myimage.filters.light.MoveLight(1,xv,yv,s,true); } if (IE&&myimage.filters) document.all.myimage.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { tempX = event.offsetX tempY = event.offsetY if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} if (t) { moveL(); } return true } var xv = startx; var yv = starty; var t= true; if (IE&&myimage.filters){ myimage.style.cursor="hand"; myimage.filters.light.addAmbient(255,255,255,vp) myimage.filters.light.addPoint(startx,starty,s,255,255,255,255) } //--> </script>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]