스크립트
< 자료공유 < 스크립트
스크립트자료실

서서히 내려오는 팝업창

페이지 정보

작성일13-02-06 15:10 조회1,160회

본문

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc_kr">
<title>madalla.kr</title>
<script language="JavaScript">
<!--
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
  toolbar_str = toolbar ? 'yes' : 'no';
  menubar_str = menubar ? 'yes' : 'no';
  statusbar_str = statusbar ? 'yes' : 'no';
  scrollbar_str = scrollbar ? 'yes' : 'no';
  resizable_str = resizable ? 'yes' : 'no';
  window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}
// -->
</script>
</head>
<br><br><br><br>
<p align="center"><a href="javascript:na_open_window('win', 'newpop.html', 0, 0, 218, 300, 0, 0, 0, 0, 0)">클릭하세요!</a></p>
</body>
</html>
 
 
팝업 소스
 
<SCRIPT LANGUAGE="JavaScript">

<!--
function MoveWindowAway()
{
        window.moveTo(200,0);
        window.moveBy(0,-200);
        setTimeout(MoveWindowBack,500);
}
function MoveWindowBack()
{
        window.moveBy (0,2);   
        setTimeout(MoveWindowBack,100);
}
-->
 
</SCRIPT>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=euc_kr">
<title>madalla.kr</title>
</head>
<body MARGINWIDTH="0" MARGINHEIGHT="0" LEFTMARGIN="0" TOPMARGIN="0" bgcolor="#FFFFFF" Onload="javascript:MoveWindowAway()">
<a href="http://madalla.kr" target="_blank"><img src="img/a5.jpg" width="400" height="300" border="0"></a>
</body>
</html>
 
 
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기