클릭하면 사라지면서 페이지로 이동하는 팝업스크립트
페이지 정보
작성일13-02-28 00:15 조회1,527회관련링크
- 예제파일 1009회 연결
본문
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/script/style.css" type="text/css">
<title>팝업열기</title>
<script>
function new_popup(){
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/script/style.css" type="text/css">
<title>팝업열기</title>
<script>
function new_popup(){
window.open('popup.html','','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=300,height=300,top=100,left=100')
}
</script>
</HEAD>
}
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<center><br /><br />
<a href="javascript:new_popup()">예제 팝업창열기</a>
</BODY>
</HTML>
<center><br /><br />
<a href="javascript:new_popup()">예제 팝업창열기</a>
</BODY>
</HTML>
팝업 소스
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/script/style.css" type="text/css">
<title>클릭하면 닫히면서 페이지로 이동</title>
</HEAD>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/script/style.css" type="text/css">
<title>클릭하면 닫히면서 페이지로 이동</title>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<center> <br /><br />
<A HREF="http://www.madalla.kr" target="_blank" onclick="window.close()">클릭</A>
<br /><br /><br /><br />
소스를 보면 아주 단순하게 구현했다는것을 알수 있습니다.
<center> <br /><br />
<A HREF="http://www.madalla.kr" target="_blank" onclick="window.close()">클릭</A>
<br /><br /><br /><br />
소스를 보면 아주 단순하게 구현했다는것을 알수 있습니다.
</BODY>
</HTML>
</HTML>