Developer Help BLOG

음...쇼핑몰에 마우스 움직일때 Banner가 같이 움직인다..많이 있다는데 그래도 같이 알면 좋잖아여..ㅎㅎ

웹페이지에서 div로 감싸서 사용해야하고 밑에 소스는 오픈될때부터 호출하면 된다...ㅎㅎㅎ
<div id="divMenu" style="right: 0%; WIDTH:210px; position: absolute; HEIGHT:172px">
움직일 테이블
</div>

var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");

var topValue = 18;
var startBannerValue = topValue + 80;

function MoveElements()
{
 var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;

 if ( bNetscape4plus )
 {
  yMenuFrom   = document["divMenu"].top;
  yMenuTo     = top.pageYOffset + topValue;   //배너의 top 위치 지정
 }
 else if ( bExplorer4plus )
 {
  yMenuFrom   = parseInt (divMenu.style.top, 10);
  yMenuTo     = document.body.scrollTop + topValue; //배너의 top 위치 지정
 }

 timeoutNextCheck = 100;

 if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom )
 {
  setTimeout ("MoveElements()", 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 ("MoveElements()", timeoutNextCheck);
}

function StartBanner()
 {
  var y;
 
  if( bNetscape4plus )
  {
   document["divMenu"].top = top.pageYOffset + startBannerValue;
   document["divMenu"].visibility = "visible";
  }
  else if( bExplorer4plus )
  {
   divMenu.style.top = document.body.scrollTop + startBannerValue;
   divMenu.style.visibility = "visible";
  }

  MoveElements();
  return true;
 }