| 우선 help.js파일을 다운 받아서 약간의 수정작업이 있습니다. 아래와 같이 원하는 컬러 또는 위치 크기로 조정하셔서 활용하세요. var width = 200; 도움말의 넓이입니다. var border = "0"; 테두리 두께입니다. (0값일 때 가장 깔끔하게 보이네요) var offsetx = 3; 도움말의 X위치입니다. (수치가 클수록 오른쪽으로 많이 밀려납니다.) var offsety = 3; 도움말의 Y위치입니다. (수치가 클수록 아랫쪽으로 많이 밀려납니다.) var fcolor = "#FDEEE"; 바탕색입니다. var backcolor = "#A3011B"; 제목부분의 색입니다. var textcolor = "black"; 본문 글자색입니다. var capcolor = "white"; 제목의 글자색입니다. var fontstyle = "font-size:9pt;"; 폰트스타일입니다. 위의 작업이 끝났다면 js파일을 문서에 삽입해야겠죠. 이번엔 js파일의 위치가 <head></head>사이가 아닌 <body>아래에 위치하도록 합니다. 우선은 아래의 태그를 <body>태그 아래에 삽입을 합니다. < body> <div id="overDiv" style="position:absolute; left:0px; top:0px; z-index:1; visibility:hidden; border-style:none;"></div> <script language="JavaScript" src="경로/help.js"> </script> </div> < /body> 일단 위의 스크립트는 무조건 넣으셔야 합니다. 그런뒤 도움말이 나타날 테이블의 셀에 아래의 소스를 삽입하시면 됩니다. < tr onmouseover="drc('제목', '내용'); high(popup)" onmouseout="low(popup);"></tr> 링크될 부분에 사용하시려면 <a href="링크경로" onmouseover="drc('제목', '내용'); high(popup)" onmouseout="low(popup);">link</a> 이렇게 사용하시면 됩니다. |
'Html & Css' 카테고리의 다른 글
| 마우스 오버시 상태바에 글자출력 (0) | 2016.06.03 |
|---|---|
| 새로고침 버튼을 내홈에 넣는다? (0) | 2016.06.03 |
| 올라가는 글씨 마우스를 .. (0) | 2016.06.03 |
| 슈퍼보드 게시판 투명하게 만들기 (0) | 2016.06.03 |
| 티티체를 홈페이지에 사용하려면 (0) | 2016.06.03 |