javascript - 이미지에 마우스 올렸을때 확대 이미지 나오게 하기 (onmouseover

<head>
<%int num = Integer.parseInt(request.getParameter("num"));  %>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>글 내용</title> <script type="text/javascript">

 function showExImage(){
  var text = <%=num%>;
  exImage.innerHTML = "<img  width ='300' height='150' src='Sumnail.do?num="+text+"'></img>";
  }
  function hideExImage(){
  exImage.innerHTML="";
  }
 
</script>
 </head>
<body>
 
 <table align="center" cellspacing="1" border="1" style="table-layout:fixed">   
 <tr>
  <td width=50 height=10 >파일</td><td colspan=3><img  width ="100" height="50" src="Sumnail.do?num=<%=num%>" onmouseover="javascript:showExImage()" onmouseout="javascript:hideExImage()"/><font color=red><a href="DownloadPro.do?num=<%=num%>"><%=filename2%></a></font></td>
   </tr>
 </table>
 
 <div id="exImage" style="position:absolute; left:78px; top:565px; width:200px; height:62px; z-index:1; border-width:1px; border-style:none;">
 </div>
 </body>
</html>

이미지에 마우스 올렸을때 확대 이미지 나오게 하기 (onmouseover

단축키

Articles