|
<head>와 </head> 사이에 넣어주세여 |
|
<style>
#myimage{
filter:light
}
</style> |
|
<body>와 </body>사이어 넣어주세여 |
|
<img id="myimage" src="이미지주소">
< script language="JavaScript1.2">
s = 100; //스포트라이트의 크기
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> |
myimage - 이미지의 이름을 정해준 부분으로 모두 같아야 한다
(이름을 바꾸려면 초록색으로 된 부분을 모두 바꾸세여)
빨간색으로 된 부분만 수정해주세여