따라다니는 배너
쇼핑몰 오른쪽에 보면 따라다니는 배너 있자나염..
그거 다는 방법입니다.
아래의 소스를 html 페이지에 넣으시구요.
약간의 위치 수정과 배너 넣으시면 됩니다. ^^
( 빨간색 부분만 수정하시면 됩니다. )
* var divmenu_top = 100; // 위쪽 위치
└ 레이어의 top 위치입니다.
소스코드 중 2군데에 있으니까 두군데 값(빨간색)을 같게 해주세요. ^^;
* width:120px; height:370px; left:780px;
└ 레이어의 위치입니다. 사이트에 맞게 수정해주세요.
* <!--------- 이부분에 따라 다닐 내용을 삽입하면 됩니다. --------->
└ 배너 이미지 넣으시면 됩니다.
===========================================================================
<script language=javascript>
<!-- //배너 따라다니기?
var isDOM = (document.getElementById ? true : false);
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
function getRef(id) {
if (isDOM) return document.getElementById(id);
if (isIE4) return document.all[id];
if (isNS4) return document.layers[id];
}
var isNS = navigator.appName == "Netscape";
function moveRightEdge(divmenu_top) {
var divmenu_top = 100; // 위쪽 위치
var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
if (isNS4) {
yMenuFrom = divMenu.top;
yMenuTo = windows.pageYOffset + divmenu_top;
} else if (isDOM) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) + divmenu_top;
}
timeoutNextCheck = 500;
if (yMenuFrom != yMenuTo) {
yOffset = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / 20);
if (yMenuTo < yMenuFrom)
yOffset = -yOffset;
if (isNS4)
divMenu.top += yOffset;
else if (isDOM)
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("moveRightEdge()", timeoutNextCheck);
}
-->
</script>
<div id="divMenu" style="width:120px; height:370px; left:780px; top:0px; position:absolute; z-index:1; visibility:visible;">
<TABLE WIDTH="120" BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD VALIGN="TOP" ALIGN="CENTER">
<!--------- 이부분에 따라 다닐 내용을 삽입하면 됩니다. --------->
</TD>
</TR>
<TR>
<TD VALIGN="TOP"></TD>
</TR>
</TABLE>
</div>
<script language=javascript>
<!-- //배너 따라다니기?
var divmenu_top = 100; // 위쪽 위치
if (isNS4) {
var divMenu = document["divMenu"];
divMenu.top = top.pageYOffset + divmenu_top;
divMenu.visibility = "visible";
moveRightEdge();
} else if (isDOM) {
var divMenu = getRef('divMenu');
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + divmenu_top;
divMenu.style.visibility = "visible";
moveRightEdge();
}
//-->
</script>
================================================================================
'컴퓨터-유용한팁 > HTML' 카테고리의 다른 글
오른클릭 막아논곳 풀기 (0) | 2015.09.06 |
---|---|
새창 띄우기 스크립트 (0) | 2015.09.05 |
주소창에 사이트 아이콘 띄우는 방법 (0) | 2015.09.05 |
즐겨찾기 버튼 만들기 (0) | 2015.09.05 |
링크에 마우스오버시 내용 바뀌기 (0) | 2015.09.05 |