<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!-- 스크립트 시작-->
<script type="text/javascript">
// Quickmenu
function getPosition(){
var start, end, scale, term;
start = parseInt (document.getElementById('dvquick').style.top, 0);
end = document.documentElement.scrollTop + 150;
term = 1;
if ( start != end ) {
scale = Math.ceil( Math.abs( end - start ) / 20 );
if ( end < start ) scale = -scale;
document.getElementById('dvquick').style.top = parseInt (document.getElementById('dvquick').style.top, 0)+ scale + "px";
term = 1;
}
setTimeout ("getPosition()", term);
}
function moveBanner() {
if (!document.getElementById('dvquick')) return false;
document.getElementById('dvquick').style.top = document.documentElement.scrollTop + 500 + "px"; //숫자가 같으면 슬라이드 없다.
getPosition();
return true;
}
</script>
<!-- 스크립트는 따로 빼고 되고 넣어도 되용 -->
</head>
<body>
<p>1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
<p>1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
<p>1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
<p>1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
<p>1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
<p>1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
<p>1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></p>
<!-- 여기까지 본문이 있다 치고! -->
<!-- 팝업용 div를 하나 맹글어 주고! -->
<!-- 뭐 스타일은 css로 알아서 빼주시고요! -->
<div id="dvquick" style="position：absolute; top: 150px; left:600px; background:#000099; width:200px; height:200px; text-align:center; z-index:1;">
<!-- 여기에는 내용을 넣어주는게죠! 블라블라~@.@-->
</div>
<!-- div가 끝나면 자바스크립트를 호출해줘야해용~ -->
<script type="text/javascript">
moveBanner();
</script>
<!-- 요기까지~ 참 쉽죠잉~ -->
</body>
</html>
출처 -
http://cafe.naver.com/domfam.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=1860&