([실습 10-8] 실습 코드) "3. 완성된 전체 코드"를 다음과 같이 수정
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="UTF-8"?>
<html>
<head><title></title>
<style type="text/css">
li { text-align:center; list-style-type:none; }
div p{ text-align:center; color:black; }
#menu1 { visibility:hidden; }
</style>
</head>
<body>
<div id="menu" style="position:absolute; width:98px; height:16px; z-index:1; background-color: #00FF00; layer-background-color: #00FF00; border: 1px none #000000;" onmouseover="menu1.style.visibility='visible';" onmouseout="menu1.style.visibility='hidden';" >
<div align="center">검색 >></div>
</div>
<div id="menu1" style="position:absolute; width:98px; height:110px; z-index:2; left: 104px; top: 10px; background-color: #99FF00; layer-background-color: #99FF00; border: 1px none #000000; " onmouseover="menu1.style.visibility='visible';" onmouseout="menu1.style.visibility='hidden';" >
<p ><a href="http://www.naver.com">NAVER</a></p>
<p ><a href="http://www.daum.net">DAUM</a></p>
<p ><a href="http://www.nate.com">NATE</a></p>
</div>
</body>
</html> |