图片聚光灯效果

<STRONG><FONT color=#008000>代码如下: <BR></FONT></STRONG><TEXTAREA id=Angelia onmouseover=this.select(); style="WIDTH: 90%" rows=12>&lt;style&gt;
#myimage{filter:light}
body {
 background-color: #000000;
}
&lt;/style&gt;
&lt;div id="myimg" align="center"&gt;
&lt;img src="http://img.star.tfol.com/star/stars/1760/photos/M72353.jpg" id="myimage"&gt;
&lt;/div&gt;
&lt;script language="JavaScript"&gt;
&lt;!--
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&amp;&amp;myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0


function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY

  if (tempX &lt; 0){tempX = 0}
  if (tempY &lt; 0){tempY = 0}
  if (t)
  { 
   moveL();
  }

  return true
}

var xv = startx;
var yv = starty;
var t= true;
if (IE&amp;&amp;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)
}
//--&gt;
&lt;/script&gt;</TEXTAREA> <BR><INPUT onclick="runEx('Angelia')" type=button value=运行代码> [Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]

原文地址:https://www.cnblogs.com/winner/p/602369.html