카테고리 없음

크로스브라우징 퀵메뉴

Font_Charisma 2011. 3. 21. 10:23

<!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&