([실습 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> |