링크에 마우스를 올리면 이미지의 특정부분이 하이라이트되면서 알려줍니다.

  활용도

여러가지 활용도가 있겠지만 사진한장에 부분적으로 이것이 무엇이고 저것이 무엇이다 라는것의 설명이 필요할때
이용하면 보는사람들이 더욱 쉽게 알수 있을 것입니다.
이러한 점을 살펴보면 무엇을 재작하여 그 재작과정이나 노하우를 사람들에게 알리고 싶을때 이 스크립트를 이용하여
이부분은 어떻게 해야한다. 혹은 이부분은 무엇이다 라는것을 쉽게 전달 할수 있습니다.

그리고 예제에 사용된것처럼 사람이 여러명 있는 사진에서 특정인물을 알려줄수 있습니다.

  수정해야될 소스

// 사용할 이미지
var imgurl="DB128.JPG"

// 이미지의 왼쪽여백
var x_imgposition=5

// 위쪽여백
var y_imgposition=40

// 애니메이션 테두리 두께
var maxborderwidth=3

// 테두리 색상
var border_color="red"

// 애니메이션 속도
var speed=100

<a href="#" onMouseOut="hidemarker()" onMouseOver="setmarkerto(220,540,270,610)">

220(좌측시작점),540(상단시작점),270(우측끝나는점),610(하단끝나는점)

위 수치들은 픽셀 입니다.