음...쇼핑몰에 마우스 움직일때 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;
}