<!DOCTYPE html>
<head>
<meta charset=UTF-8" />
<meta name="robots" content="noindex,nofollow"/> <!-- 검색엔진에서 검색 제외 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta http-equiv="X-UA Compatible" control="IE=edge,chrome=1" /> <!--브라우저 호환성 설정 -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(function(){
$("#sel2").click(function(){
cw=screen.availWidth; //화면 넓이
ch=screen.availHeight; //화면 높이
sw=cw/2; //띄울 창의 넓이
sh=ch/2; //띄울 창의 높이
ml=(cw-sw)/2; //가운데 띄우기위한 창의 x위치
mt=(ch-sh)/2; //가운데 띄우기위한 창의 y위치
var url = $("#sel").val();
if(url != '0'){
window.open(url, 'tst','width='+sw+',height='+sh+',top='+mt+',left='+ml+',resizable=no,scrollbars=yes');
}
});
});
</script>
<body>
<select id="sel">
<option value="0" >선택 사이트로 이동</option>
<option value="http://link2me.tistory.com">My Blog</option>
<option value="http://www.naver.com">네이버</option>
<option value="http://www.daum.net">다음</option>
</select><a href="#" id="sel2" >이동</a>
</body>
</html>
'Web 프로그램 > js, jQuery' 카테고리의 다른 글
[jQuery] option selected 속성 변경 (0) | 2016.10.23 |
---|---|
jQuery 모달(dialog) 코드 이해하기 (2) | 2016.10.11 |
[jQuery] 마우스 오버시 손가락 모양 표시 (0) | 2016.07.10 |
jQuery 모달(modal) 윈도우 (0) | 2016.05.01 |
JSON 기초 (0) | 2016.04.24 |