<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>
'JavaScript' 카테고리의 다른 글
| 자바스크립트에서 돈(money) 형식처럼 3자리마다 콤마 찍는 함수 (0) | 2005.12.18 |
|---|---|
| 자바스크립트 정규식 사용 (0) | 2005.12.18 |
| 파일 업로드 Gmail 흉내내기 (0) | 2005.12.18 |
| progress 바 만들기 (0) | 2005.12.18 |
| 원하는 문자열을 전부 replace하기 (0) | 2005.12.18 |
