클릭한 위치에 레이어 띄우기 - keullighan wichie leieo ttuiugi

SyntaxHighlight�� ����

<img class='imgSelect' src='../images/button.gif' alt="��ư1" />

�� �̹����� ������ ���콺 ��ġ�� ���̾ �ϳ� ��ϴ�.
�ٵ� �� �κ��� �̹����� �ؽ�Ʈ�� ��ü�� �ϰ� ��������.
���� �⺻���� ����� �� ������ �̸����� �غ��� �ȵǾ� ����ϴ�.

<span class='imgSelect'>Ŭ��</span>
<a  class='imgSelect'>Ŭ��</a>

  �Ѵ� �ȵdz׿�ФФ�
Ȥ�� �ƽô� �� ���� �� �ֽø� �ȵɱ��?

[ �� �������� ���� Source ]

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

	<style type="text/css">
		#divLangSelect {
		 position:absolute;
		 display:none;
		 background-color:#ffffff;
		 border:solid 2px #333333;
		 width:450px;
		 padding:10px;
		}
	</style>

<img class='imgSelect' src='../images/button.gif' alt="��ư1" />


<div id="divLangSelect">
<div style="position:absolute;top:5px;right:5px">
<span onClick="javascript:document.getElementById('divLangSelect').style.display='none'" style="cursor:pointer;font-size:1.5em" title="�ݱ�">X</span>
</div>
	<table width="440" align="center" border="0"><tr>
		<td width="150"><input type="radio"> Sample</td>
		<td width="150"><input type="radio"> Sample</td>
		<td width="150"><input type="radio"> Sample</td></tr><tr>
		<td width="150"><input type="radio"> Sample</td>
		<td width="150"><input type="radio"> Sample</td>
		<td width="150"><input type="radio"> Sample</td></tr><tr>
		<td width="150"><input type="radio"> Sample</td>
		<td width="150"><input type="radio"> Sample</td>
		<td width="150"><input type="radio"> Sample</td></tr><tr>
		<td width="150"><input type="radio"> Sample</td>
		<td width="150"><input type="radio"> Sample</td>
		<td width="150"><input type="radio"> Sample</td></tr><tr>
	</tr></table>
</div>

	<script type="text/javascript">
		//-- ��ư Ŭ���� ��ư�� Ŭ���� ��ġ ��ó�� ���̾� ���� --//
		$('.imgSelect').click(function(e) {
		 var divTop = e.clientY + 10; //��� ��ǥ
		 var divLeft = e.clientX - 0; //���� ��ǥ
		 $('#divLangSelect').css({
			 "top": divTop
			 ,"left": divLeft
			 , "position": "absolute"
		 }).show();
		});
	</script>

• �亯ä����
  
  100%
• ��õ 0 �� ������ ������ �Ǿ�����?
• ����õ 0 �� ������ ������ �ȵ˴ϴ�.