애드콘 스크립트 - 따라다니는 배너
페이지 정보
작성자 JMStudy 작성일06-09-18 10:18 조회9,168회 댓글0건본문
1. 첫번째 방법
- 가운데 정렬일경우 항상 같은위치에 고정
<script language="JavaScript">
function adjustDivs()
{
var df = document.getElementById('divQuickMenu');
var left = 0;
if (window.innerWidth)
{
if(window.innerWidth < 876) left = 452
else left = window.innerWidth / 2;
}
else
{
var obj = document.documentElement;
if(obj.offsetWidth < 876) left = 452
else left = obj.offsetWidth / 2;
}
df.style.left = left + 440;
df.style.top = 80 + obj.scrollTop;
df.style.display = 'block';
}
function window::onload() { adjustDivs(); }
function window::onresize() { adjustDivs(); }
function window::onscroll() { adjustDivs(); }
</script>
<div id="divQuickMenu" style="position:absolute; display:none;">
<table border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td>퀵메뉴</td>
</tr>
</tbody></table>
</div>
2. 두번째 방법
<script language="javascript">
<!--
var stmnLEFT = 0; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 0; // 페이지 위쪽 여백
var stmnGAP2 = 0; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 조정하세요
var stmnBASE = 0; // 스크롤메뉴 초기 시작위치
var stmnActivateSpeed = 200; // 움직임을 감지하는 속도 (숫자가 클수록 느리다)
var stmnScrollSpeed = 45; // 스크롤되는 속도 (클수록 느림)
var stmnTimer;
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(STATICMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -
stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function InitializeStaticMenu()
{
STATICMENU.style.left = stmnLEFT;
STATICMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
}
-->
</script>
<div id="STATICMENU" style="position:relative; top:0px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td>배너</td>
</tr>
</tbody></table>
</div>
<script language="javascript">InitializeStaticMenu(); </script>
댓글목록
등록된 댓글이 없습니다.