<body>안에 추가사항: <div id='preview' style='visibility=hidden; position:absolute; left:78px; top:165px; width:200px; height:62px; z-index:1; border-width:1px; border-style:none; filter:progid:DXImageTransform.Microsoft.Shadow(color=#4B4B4B,Direction=135,Strength=3);border-color:black;'></div>
image 태그에 mouse 이벤트만 주시면, 이쁜 옵져버(미리보기 ^^;;)가 나타 날 겁니다.
<a href = '#' onmousemove='setPreviewBox();' onmouseout='hidePreview(); return true;' onmouseover='showPreview("<img src = "+파일경로 + URLEncoder.encode(파일명, "UTF-8") + " border = 0 width = 205 height = 154>";); return true;'> <img src = " + 파일경로 + URLEncoder.encode(파일명, "UTF-8") + " border = 0 width = 40 height = 30></a>
'HTML & Script' 카테고리의 다른 글
| 파일 업로드 Gmail 흉내내기 (1) | 2007.05.02 |
|---|---|
| 자주 사용하는 js (1) | 2007.05.02 |
| 날짜 더하기, 토/일요일 피하기 (1) | 2007.05.02 |
| 지정된 자릿수에서 반올림하기 (0) | 2007.05.02 |
| iframe 내용에 맞게 자동으로 크기 조절하기 (0) | 2007.05.02 |