가로정렬 좌우 스크롤 배너

소스의 기본-샵의 레이아웃 전체 사이즈가 900픽셀이고 자동스크롤되면서 슬라이드되는 것을 좌측과 우측에 동시 적용이 되며, 좌측과 우측에 나타날 내용의 폭을 48픽셀로 하였슴(이 픽셀값은 자신의 샵에 맞게 수정 가능).
스킨폴더의 head.html 파일의 임의의 곳에 추가하시면 됩니다.

[소스 시작]
[code2]<!--왼쪽스크롤시작-->
<script language="JavaScript">
<!--
// 스크롤메뉴
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 always_pos1()
{
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;

if ( bNetscape4plus ) { // 네츠케이프 용 설정
yMenuFrom = document["scrollmenu1"].top;
yMenuTo = top.pageYOffset + 100; // 화면 위쪽으로 부터의 위치
}
else if ( bExplorer4plus ) { // 익스플로러 용 설정
yMenuFrom = parseInt (scrollmenu1.style.top, 10);
yMenuTo = document.body.scrollTop + 100; // 화면 위쪽으로 부터의 위치
}

timeoutNextCheck = 500;

if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("always_pos1()", 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["scrollmenu1"].top += yOffset;
else if ( bExplorer4plus )
scrollmenu1.style.top = parseInt (scrollmenu1.style.top, 10) + yOffset;

timeoutNextCheck = 10;
}

setTimeout ("always_pos1()", timeoutNextCheck);
}
function OnLoad()
{
var y;

// 프레임 에서 벗어나게 하는 함수입니다. 프레임에 넣으려면 삭제하세요
if ( top.frames.length )
// top.location.href = self.location.href;

// 페에지 로딩시 포지션
if ( bNetscape4plus ) {
document["scrollmenu1"].top = top.pageYOffset + 100;
document["scrollmenu1"].visibility = "visible";
}
else if ( bExplorer4plus ) {
scrollmenu1.style.top = document.body.scrollTop + 100;
scrollmenu1.style.visibility = "visible";
}

always_pos1();
return true;
}
// -->
</script>
<!--왼쪽스크롤끝-->
<!---left banner start-->
<div id="scrollmenu1" style="position:absolute;right:expression(((document.body.clientWidth+900)/2)-0);top:100px;z-index:101">
<table width="48" border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<!-- 좌측에 보여주고자 하는 내용-->
</td>
</tr>
</table>
<script>OnLoad();</script>
</div>
<!--left banner stop--->

<!--오른쪽스크롤시작-->
<script language="JavaScript">
<!--
// 스크롤메뉴
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 always_pos2()
{
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;

if ( bNetscape4plus ) { // 네츠케이프 용 설정
yMenuFrom = document["scrollmenu2"].top;
yMenuTo = top.pageYOffset + 100; // 화면 위쪽으로 부터의 위치
}
else if ( bExplorer4plus ) { // 익스플로러 용 설정
yMenuFrom = parseInt (scrollmenu2.style.top, 10);
yMenuTo = document.body.scrollTop + 100; // 화면 위쪽으로 부터의 위치
}

timeoutNextCheck = 500;

if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("always_pos2()", 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["scrollmenu2"].top += yOffset;
else if ( bExplorer4plus )
scrollmenu2.style.top = parseInt (scrollmenu2.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("always_pos2()", timeoutNextCheck);
}
function OnLoad()
{
var y;
// 프레임 에서 벗어나게 하는 함수입니다. 프레임에 넣으려면 삭제하세요
if ( top.frames.length )
// top.location.href = self.location.href;
// 페이지 로딩시 포지션
if ( bNetscape4plus ) {
document["scrollmenu2"].top = top.pageYOffset + 100;
document["scrollmenu2"].visibility = "visible";
}
else if ( bExplorer4plus ) {
scrollmenu2.style.top = document.body.scrollTop + 100;
scrollmenu2.style.visibility = "visible";
}
always_pos2();
return true;
}
// -->
</script>
<!--오른쪽스크롤끝-->
<!---right banner start-->
<div id="scrollmenu2" style="position: absolute; left: expression(((document.body.clientWidth+900)/2)-0); top:100px;z-index:102">
<table width="48" border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<!-- 우측에 보여주고자 하는 내용-->
</td>
</tr>
</table>
<script>OnLoad();</script>
</div>
<!--right banner stop>[/code2]