 그림이나 텍스트에 걸수있는 마우스를 따라다니는 설명창입니다.
링크나 그림에 마우스를 올리면 마우스 좌표를 설명창이 따라다닙니다.
소스설명
// 내용배경색
// Usually a bright color (white, yellow etc)
if (typeof fcolor == undefined) { var fcolor = "#000000";}
// 재목배경색
// Usually a dark color (black, brown etc)
if (typeof backcolor == undefined) { var backcolor = "#ff7800";}
// 내용글자색
// Usually a dark color
if (typeof textcolor == undefined) { var textcolor = "#FFFFFF";}
// 재목글자색
// Usually a bright color
if (typeof capcolor == undefined) { var capcolor = "#ffffff";}
이부분이 설명창의 배경색과 글자색을 지정하는부분입니다. 뒤에 #뒤에 영문이나 숫자가 들어간부분 즉 #000000 이나 #ffffff 부분이 색 지정부분입니다. 자신이 원하는 색을 넣어주시면됩니다. 포토샵이나 나모웹에디터등의 프로그램으로 색소스는 쉽에 얻을수있습니다.
<A HREF="http://www.happycgi.com" onMouseOver="drc(테스트1 내용,테스트1 타이틀); return true;" onMouseOut="nd(); return true;">테스트1</A>
위부분이 실재로 링크나 그림에 들어가 설명창을 뛰워주는 부분입니다. 뒤에 onmouseover부분이 마우스가 올라가면 작동하는부분입니다 테스트1 내용 이란부분이 설명창의 내용이 들어갈부분이며 테스트1 타이틀이란 부분이 제목이 들어갈 부분입니다.
|
