html 마우스오버시 메뉴 나오는거
페이지 정보
본문
<html>
<head>
<title> New Document </title>
<meta name=\"Generator\" content=\"EditPlus\">
<meta name=\"Author\" content=\"\">
<meta name=\"Keywords\" content=\"\">
<meta name=\"Description\" content=\"\">
</head>
<body>
<script>
function SubMenu(obj,type) {
var obj
var div = eval(\"document.all.\" + obj);
if(type=='open'){div.style.top = event.y - 5 ;div.style.left = event.x - 5 ;div.style.display = \"block\";}
else if (type == 'over') {div.style.display = \"block\";}
else if (type == 'out') {div.style.display = \"none\";}
}
</script>
<a href=\"#\" onMouseOver=\"javascript_:SubMenu('div_name','open')\" onMouseOut=\"javascript_:SubMenu('div_name','out')\">메인메뉴 1</a>
<div id='div_name' style='display:none;position:absolute;filter:alpha(opacity=100)' onMouseOver=\"javascript_:SubMenu('div_name','over')\" onMouseOut=\"javascript_:SubMenu('div_name','out')\">
<table border='0' cellpadding='3' cellspacing='1' bgcolor='#FFFFFF' width=200>
<tr><td bgcolor='#E2FA5A'>메뉴 1</td></tr>
<tr><td bgcolor='#E2FA5A'>메뉴 2</td></tr>
<tr><td bgcolor='#E2FA5A'>메뉴 3</td></tr>
</table>
</div>
</body>
</html>
<head>
<title> New Document </title>
<meta name=\"Generator\" content=\"EditPlus\">
<meta name=\"Author\" content=\"\">
<meta name=\"Keywords\" content=\"\">
<meta name=\"Description\" content=\"\">
</head>
<body>
<script>
function SubMenu(obj,type) {
var obj
var div = eval(\"document.all.\" + obj);
if(type=='open'){div.style.top = event.y - 5 ;div.style.left = event.x - 5 ;div.style.display = \"block\";}
else if (type == 'over') {div.style.display = \"block\";}
else if (type == 'out') {div.style.display = \"none\";}
}
</script>
<a href=\"#\" onMouseOver=\"javascript_:SubMenu('div_name','open')\" onMouseOut=\"javascript_:SubMenu('div_name','out')\">메인메뉴 1</a>
<div id='div_name' style='display:none;position:absolute;filter:alpha(opacity=100)' onMouseOver=\"javascript_:SubMenu('div_name','over')\" onMouseOut=\"javascript_:SubMenu('div_name','out')\">
<table border='0' cellpadding='3' cellspacing='1' bgcolor='#FFFFFF' width=200>
<tr><td bgcolor='#E2FA5A'>메뉴 1</td></tr>
<tr><td bgcolor='#E2FA5A'>메뉴 2</td></tr>
<tr><td bgcolor='#E2FA5A'>메뉴 3</td></tr>
</table>
</div>
</body>
</html>
- 이전글마우스오버 20.02.21
- 다음글javascript 숫자만입력 20.02.21
댓글목록
등록된 댓글이 없습니다.