<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
< type="text/java" src="http://ajax.googleapis.com/ajax/libs/제이쿼리필터링/1.6/제이쿼리필터링.min.js"></>
<!-- Style 선언 -->
<style type="text/css">
#divLangSelect {
position:absolute;
display:none;
background-color:#FFB2F5;
border:solid 2px #FF007F;
width:70px;
height:150px;
padding:10px;
}
</style>
<!-- //Style 선언 -->
</head>
<body>
<!-- 버튼 이미지 -->
<img src='1286960090_home.png' alt="버튼1" width="48" height="48" class='imgSelect' />
<img src='synchronize48.png' alt="버튼2" width="48" height="48" class='imgSelect' />
<img src='1286960551_yahoo-buzz-logo-square2.png' alt="버튼3" width="40" height="40" class='imgSelect' />
<!-- //버튼 이미지 -->
<!-- 폼 레이어 -->
<div id='div1' ="this.style.display=''" ="this.style.display='none'">
<div id="divLangSelect">
<div style="position:absolute;top:5px;right:5px">
<a href="mmm.jsp" />로그인</a>
</div>
<!--<span ="java:document.get엘레먼트필터링ById('divLangSelect').style.display='none'"
style="cursor:pointer;font-size:1.5em" title="닫기">X</span>-->
<!-- 레이어 안의 내용 -->
</div>
<!-- 레이어 안의 내용 -->
<!-- //폼 레이어 -->
< type="text/java">
//-- 버튼 클릭시 버튼을 클릭한 위치 근처에 레이어 생성 --//
$('.imgSelect').click(function(e) {
var divTop = e.clientY + 10; //상단 좌표
var divLeft = e.clientX + 10; //좌측 좌표
$('#divLangSelect').css({
"top": divTop
,"left": divLeft
, "position": "absolute"
}).show();
});
</>
</body>
</html>
이게 클릭하고 레이어팝업이 떴다가 밖으로 마우스 나가면
창이 사라지는 것까지는 되는데..
문제는 다시 클릭하면 창이 안뜹니다 ㅠ
초보에게 힘을 주세요!
글쓰기