<img class='imgSelect' src='../images/button.gif' alt="��ư1" /> �� �̹����� ������ ���콺 ��ġ�� ���̾ �ϳ� ��ϴ�. �ٵ� �� �κ��� �̹����� �ؽ�Ʈ�� ��ü�� �ϰ� ��������. ���� �⺻���� ����� �� ������ �̸����� �غ��� �ȵǾ� ����ϴ�. <span class='imgSelect'>Ŭ��</span> <a class='imgSelect'>Ŭ��</a> �Ѵ� �ȵdz�ФФ� Ȥ�� �ƽô� �� ���� �� �ֽø� �ȵɱ��? [ �� �������� ���� Source ]
<script type="text/javascript" src="//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 �� ������ ������ �ȵ˴ϴ�.
|