본문 바로가기

태그소스™

스포트라이트효과

 
 

소스

<head>와 </head> 사이에 아래 태그를 삽입합니다.

<style>

<!--

#myimage{

filter:light

}

-->

</style>

 

<body>와 </body>사이에 아래태그를 삽입합니다.

<center>

<img id="myimage" src="imeage/img.jpg">/// 이미지 경로

</center>

 /// 구체적인 효과를 나타내주는 부분///

<script language="JavaScript1.2">

<!---/

s = 50; // 밝게 보여주는 부분의 크기지정

vp = 10; // the visibility percent of the picture

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>