인터넷정보

스포트라이트 효과

알 수 없는 사용자 2007. 10. 18. 14:01
<style>
#myimage{
filter:light
}
</style>



<center>
- 스포트라이트 효과 -
<br>
<br>
<img id="myimage" src="http://oxtag.com/zboard/data/gallery/baby_4.jpg">
<script language="JavaScript1.2">

s = 50; //스포트라이트의 크기
vp = 10; // 보여질 비율(%)
startx = 0; // 시작시 스포트라이트의 위쪽 위치
starty = 0; // 시작시 스포트라이트의 왼쪽 위치

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>
<br>
<br>이미지위에 마우스 커서를 올려놓고 움직여 보세여<br><center>
반응형