티스토리 뷰
오래된 소스입니다.
스크롤하면 따라다니는 레이어 소스인데
배너나 top 버튼으로 사용할수 있어요~
<상단 자바스크립트>
<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() {
var yMenuFrom, yMenuTo, yOffset, timeoutNextCheck;
if (isNS4) {
yMenuFrom = divMenu.top;
yMenuTo = windows.pageYOffset + 0; // 위쪽 위치
} else if (isDOM) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = (isNS ? window.pageYOffset : document.body.scrollTop) + 470; // 위쪽 위치
}
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>
< body 부분 html >
<div id="divMenu" style="position:absolute; left:830px; top:270px; width:80px; z-index:1">
<table border="0" cellpadding="0" cellspacing="0" width="80">
<tr><td style="padding-top:10px" align="center"><p><a href="#top" onfocus='blur()'><img src="/web/upload/s_top.gif" border="0"></a></p></td></tr>
</table>
</div>
< 하단 자바스크립트 >
<script language=javascript>
<!-- //배너 따라다니기?
if (isNS4) {
var divMenu = document["divMenu"];
divMenu.top = top.pageYOffset + 100;
divMenu.visibility = "visible";
moveRightEdge();
} else if (isDOM) {
var divMenu = getRef('divMenu');
divMenu.style.top = (isNS ? window.pageYOffset : document.body.scrollTop) + 100;
divMenu.style.visibility = "visible";
moveRightEdge();
}
//-->
</script>
'디자인 > htm,l css, js' 카테고리의 다른 글
HTML5 비디오 (0) | 2017.06.16 |
---|---|
jquery 슬라이드 배너 bxslide 옵션 정보 (0) | 2017.06.16 |
즐겨찾기 추가 html/js (0) | 2017.03.25 |
오래전부터 사용하던 아이템 슬라이더 입니다. (0) | 2017.03.25 |
스크롤시 따라다니는 배너/버튼 #2 (0) | 2017.03.25 |
Google HTML / CSS 스타일 가이드 (0) | 2017.03.24 |
HTML 태그 정리 (0) | 2017.03.24 |
a 대신 onclick=location.href 활용하기 (0) | 2017.03.24 |
- Total
- Today
- Yesterday
- 자유형
- 갤럭시S8
- 장례하는법
- 스타크래프트
- 헬스
- 수영gif
- 수제간식추천
- 순실
- 반려견수제간식
- 강아지수제간식
- 촬영
- 윈도우10
- 삼성
- 창업
- 당뇨병 치료
- 수영교정
- 블리자드
- 오버워치
- 강아지수제간식추천
- 애견수제간식추천
- 당뇨
- 아이언맨
- 디아블로
- 당뇨병 관리
- 쇼핑몰
- 낚시
- 배낚시
- 다이어트
- 애견수제간식
- 당뇨병
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |