그누보드 - 출렁 거리는 top, tail 버튼

출렁 거리는 top, tail 버튼 > 자유게시판

자유게시판

출렁 거리는 top, tail 버튼 정보

기타 출렁 거리는 top, tail 버튼

오크나 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 (211.♡.♡.178)
2005.06.01 20:01:20
조회 973
댓글 4

본문

요즘 이 것이 인기 인것 같더라구요.
해상도에 상관없이 오른쪽 밑으로 출렁 거리면서 리얼하게 따라 다니는 것 입니다.
ie 전용 같은 느낌이 드네요.

+ 소스 시작 +
<script>
function gotop() {
window.scrollTo(0,0);
}

function gotop_Call() {
document.body.ondblclick = Top;
}

var Xpos = 0;
var Ypos = 0;
var Ygravity = 0.85; // 출렁이 간격 ㅋㅋ
var scrollPos = 0;
var oldScrollPos = 0;

function FloatMenu(){
docWidth = document.body.clientWidth; // Update document width
docHeight = document.body.clientHeight; // Update document height
oldScrollPos = scrollPos;
scrollPos = document.body.scrollTop; // Update scrollbar position

//Xpos = 500;
Xpos = (docWidth - floater.offsetWidth) - 10; //오른쪽 여백 배너가 오른쪽에 붙을경우
//Xpos = (docWidth / 2) + 410; // 중앙정렬일경우. " + 410 은 테이블 크기 / 2 "
Yboundary = ((scrollPos + docHeight) - floater.offsetHeight) - 15; //하단여백

if(floater.offsetTop < Yboundary - 1){ // Object is behind boundary
Ypos += 2;
}

if(floater.offsetTop > Yboundary + 1){ // Object is past boundary
Ypos -= 1;
}

Ypos *= Ygravity; // Slow object down

floater.style.pixelLeft = Xpos;
floater.style.pixelTop += Ypos; // Make object bounce
}

//매개변수중 뒷쪽 숫자는 내려오는 속도
</script>

<body bgcolor="#151515" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="window.setInterval('FloatMenu()', 1);">

우리는
                 
귀얌둥이

<a name="end"></a>
<div id="floater" style="width:22px; height:23px; position:absolute; top:98px; z-index:100; visibility:visible;"><table border="0" cellpadding="0" cellspacing="0" width="22">
<tr>
<td><a href="javascript:gotop();"><img name='target_resize_image[]' onerror='checkImg(this)' src="./img/icon/article_+.gif" border="0" ></a></td>
</tr>
<tr>
<td><a href="#end"><img name='target_resize_image[]' onerror='checkImg(this)' src="./img/icon/article_-.gif" border="0" ></a></td>
</tr>
</table>
</DIV>
+ 소스 끝 +