애드콘 스크립트 - 따라다니는 배너 > JQuery & JavaScript

STUDY ROOM

JQuery & JavaScript

애드콘 스크립트 - 따라다니는 배너

페이지 정보

작성자 JMStudy 작성일06-09-18 10:18 조회8,038회 댓글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>

댓글목록

등록된 댓글이 없습니다.