우측에 따라다니는 퀵 메뉴 소스

조회 수 7888 추천 수 0 2009.04.26 15:49:32
<html>
<head>
<link rel="stylesheet" type= "text/css" href="./css/default.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body topmargin="0px" leftmargin="0px" bgcolor='#1c3f53'>
<div id="divMenu" style="float:right;position:absolute;visibility:visible;right:0px; top:45px; width:20; height:500; z-index:100;">
<a href='#' onfocus='this.blur();'><img src='http://image.bookpark.com/image/top_small.gif' border='0'></a>
</div>
<SCRIPT>
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements(){
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) { 
  yMenuFrom = document["divMenu"].top;
  yMenuTo = top.pageYOffset + 50;
}
else if ( bExplorer4plus ) {
  yMenuFrom = parseInt (divMenu.style.top, 10);
  yMenuTo = document.body.scrollTop + 50;
}
timeoutNextCheck = 500;
if ( Math.abs (yButtonFrom - (yMenuTo + 77)) < 6 && yButtonTo < yButtonFrom ) {
  setTimeout ("CheckUIElements()", timeoutNextCheck);
  return;
}
if ( yButtonFrom != yButtonTo ) {
  yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
  if ( yButtonTo < yButtonFrom )
    yOffset = -yOffset;
  if ( bNetscape4plus )
    document["divLinkButton"].top += yOffset;
  else if ( bExplorer4plus )
    divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
  timeoutNextCheck = 10;
}
if ( yMenuFrom != yMenuTo ) {
  yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
  if ( yMenuTo < yMenuFrom )
    yOffset = -yOffset;
  if ( bNetscape4plus )
    document["divMenu"].top += yOffset;
  else if ( bExplorer4plus )
    divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
  timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function OnLoad()
{
var y;
if ( top.frames.length )
  if ( bNetscape4plus ) {
    document["divMenu"].top = top.pageYOffset + 50;
    document["divMenu"].visibility = "visible";
  }
  else if ( bExplorer4plus ) {
    divMenu.style.top = document.body.scrollTop + 50;
    divMenu.style.visibility = "visible";
  }
  CheckUIElements();
  return true;
}
OnLoad();
</SCRIPT>

[출처] http://blog.naver.com/snazzy79?Redirect=Log&logNo=60014406375

브라우저  우측에 따라다니도록 약간 수정했습니다.
 

댓글 '1'

[레벨:30]똑띠

2009.04.26 16:04:53
*.53.232.10

익스플로어에만 되네요..조금수정하면 다른 브라우저도 사용가능할듯 싶은데..
문서 첨부 제한 : 0Byte/ 2.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수
51 웹접근성을 해치지 않으면서 자바스크립트 사용하기 [1] [레벨:30]똑띠 2012-01-12 192
50 특정태그 제거 [레벨:30]똑띠 2011-10-13 991
49 크로스 사이트 스크립트 [1] [레벨:30]똑띠 2011-09-01 1480
48 좌측 숨김 슬라이드메뉴 file [레벨:30]똑띠 2011-08-19 1414
47 input 에 배경으로 글자입력하고 클릭시 사라지는 기능 [레벨:30]똑띠 2011-08-01 1535
46 접속시 배경이미지 랜덤으로 보여주기 [레벨:30]똑띠 2011-07-26 1823
45 지금 보고 있는 웹페이지를 닫을지를 묻는 창이 안뜨도록 하는 소스 [레벨:30]똑띠 2011-04-11 4019
44 웹페이지 프린트 스크립트 [레벨:30]똑띠 2011-03-21 3427
43 폼체크 (submit 이전에 체크후 넘김) [1] [레벨:30]똑띠 2010-09-29 7011
42 클릭시 레이어 보이기 숨기기 팁 [레벨:30]똑띠 2010-02-10 8377
41 폼체크 기본 사용법 [레벨:30]똑띠 2010-01-07 5962
40 라디오 버튼 체크 여부 확인 하기 [1] [레벨:30]똑띠 2009-12-14 11660
39 드래그 안되게 하기 [레벨:30]똑띠 2009-07-17 7567
38 onmouseOver 시 이미지 변경 [레벨:30]똑띠 2009-07-17 8051
37 input type=text 에서 엔터 눌렀을때 submit 실행 [레벨:30]똑띠 2009-06-22 9060
36 페이지내 링크 점선 일괄 없애기 [레벨:30]똑띠 2009-05-12 7772
» 우측에 따라다니는 퀵 메뉴 소스 [1] [레벨:30]똑띠 2009-04-26 7888
34 input 타입에 숫자만 입력받기 [레벨:30]똑띠 2009-04-13 10420
33 location.href="이동주소" 시 타겟설정방법 [레벨:30]똑띠 2008-12-14 12121
32 이미지 랜덤으로 보여주기 [1] [레벨:30]똑띠 2008-12-04 8713