Script 
Script 글 수 51
![[레벨:30]](http://www.jobdahan.net/modules/point/icons/default/30.gif "포인트:190858point, 레벨:30/30"){kind=icon}
똑띠마우스 오버시 div를 보여주는 소입니다.
div 스타일 부분의 값들을 잘 조정해서 사용하시길..^^
정치적으로는 아무런 상관이 없습니다. 그냥 소스작업입니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>잡다한 몽상백서 화이팅 ^^</title>
<script> function show_notice(param)
{
if(param == 'notice1')
{
notice1.style.display='';
notice2.style.display='none';
notice3.style.display='none';
}
else if(param == 'notice2')
{
notice1.style.display='none';
notice2.style.display='';
notice3.style.display='none';
}
else if(param == 'notice3')
{
notice1.style.display='none';
notice2.style.display='none';
notice3.style.display='';
}
}
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>
</p>
<table border="1" width="500">
<tr>
<td width="274" height="245">
<div id='notice1' style="background-color:white;width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:6; visibility:visible;">
이명박
</div>
<div id='notice2' style="background-color:white;width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:5; visibility:visible;">
이인제
</div>
<div id='notice3' style="background-color:white; width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:4; visibility:visible;">
정동영
</div>
</td>
<td width="210" height="245"><br>
<a href="#" onmouseover="show_notice('notice1');">이명박</a>
<a href="#" onmouseover="show_notice('notice2');">이인제</a>
<a href="#" onmouseover="show_notice('notice3');">정동영</a>
</td>
</tr>
</table>
<p> </p>
</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>잡다한 몽상백서 화이팅 ^^</title>
<script> function show_notice(param)
{
if(param == 'notice1')
{
notice1.style.display='';
notice2.style.display='none';
notice3.style.display='none';
}
else if(param == 'notice2')
{
notice1.style.display='none';
notice2.style.display='';
notice3.style.display='none';
}
else if(param == 'notice3')
{
notice1.style.display='none';
notice2.style.display='none';
notice3.style.display='';
}
}
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>
</p>
<table border="1" width="500">
<tr>
<td width="274" height="245">
<div id='notice1' style="background-color:white;width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:6; visibility:visible;">
이명박
</div>
<div id='notice2' style="background-color:white;width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:5; visibility:visible;">
이인제
</div>
<div id='notice3' style="background-color:white; width:200px; height:200px; position:absolute; left:26px; top:36px; z-index:4; visibility:visible;">
정동영
</div>
</td>
<td width="210" height="245"><br>
<a href="#" onmouseover="show_notice('notice1');">이명박</a>
<a href="#" onmouseover="show_notice('notice2');">이인제</a>
<a href="#" onmouseover="show_notice('notice3');">정동영</a>
</td>
</tr>
</table>
<p> </p>
</body>
</html>
div 스타일 부분의 값들을 잘 조정해서 사용하시길..^^
정치적으로는 아무런 상관이 없습니다. 그냥 소스작업입니다.
잘쓰겠습니다......