소스를 레이어를 두개로 늘릴수있을까요? 정보
소스를 레이어를 두개로 늘릴수있을까요?본문
고수님들 또 질문입니다.
아래 소스를 레이어를 두개로 늘릴수있을까요?
좌우측에 하나씩 넣으려 합니다.
확인 부탁드립니다.
감사합니다.
<div id="ScrollMenu" style="position:absolute; left:614px; top:50px; width:100px; z-index:1; height: 137px;">
<table width="80" height="129" border="0" cellpadding="3" cellspacing="1">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF">
<!-- 광고1 -->
<a target="_blank" href="http://click.linkprice.com/click.php?m=sayting3&a=A100248706&l=0002&u_id="><img src="http://banner.sayting.co.kr/link/sayting_120x50.gif" border="0" width="120" height="50"></a>
<img src="http://track.linkprice.com/lpshow.php?m_id=sayting3&a_id=A100248706&p_id=0000&l_id=0002&l_cd1=2&l_cd2=0" width="1" height="1" border="0" nosave style="display:none">
<!-- 광고1 끝-->
</td>
</tr>
</table>
</div>
<!-- 따라다니는 레이어 스크립트 종료 -->
<script language=javascript>
<!--
var yScrollThumb;
var yMenuTop;
function CheckMenuPosition()
{
// 아래의 400은 웹페이지 구성이 화면 가운데 이고 폭이 400px일 때,
// 페이지 내용 오른쪽에 레이어를 위치
yScrollThumb = 800 + (document.body.clientWidth-600) /2;
if (yScrollThumb != ScrollMenu.style.left)
{
ScrollMenu.style.left = yScrollThumb;
}
// 레이어는 스크롤바를 내릴 때 항상 위에서 100px 밑에 위치
yScrollThumb = document.body.scrollTop +100;
// 현재 메뉴의 위치를 10진수로 구한다.
yMenuTop = parseInt ( ScrollMenu.style.top, 10);
if ( yMenuTop == yScrollThumb)
{// 레이어를 이동하 필요가 없다면 다음 타이머는 조금 늦추어 발생
TimeOutInterval = 300;
}
else
{ // 레이어의 위치를 스크롤바의 썸브 위치로 이동한다.
// 레이어의 위치를 스크롤바의 썸브 위치 사이의 중간 위치를 구한다.
yMenuTop = ( yMenuTop + yScrollThumb) / 2;
if ( 200 >= yMenuTop)
{ // 변경할 위치가 200보다 작다면 200으로 고정한다.
// 즉, 화면 맨 위로 이동했다면 상단의 캡션부분을 넘지 못하게
ScrollMenu.style.top = 96;
TimeOutInterval = 150;
}
else
{ // 레이어의 위치를 변경하고 다시 스크롤바의 썸브 위치로
// 레이어를 빠르게 이동 시키기 위해
// 다음 타이머 이벤트를 빨리 발생하게 한다.
ScrollMenu.style.top = yMenuTop;
TimeOutInterval = 10;
}
}
setTimeout ("CheckMenuPosition()", TimeOutInterval);
}
function OnLoad()
{
CheckMenuPosition();
return true;
}
OnLoad();
//-->
</script>
<!-- 따라다니는 레이어 스크립트 종료 -->
아래 소스를 레이어를 두개로 늘릴수있을까요?
좌우측에 하나씩 넣으려 합니다.
확인 부탁드립니다.
감사합니다.
<div id="ScrollMenu" style="position:absolute; left:614px; top:50px; width:100px; z-index:1; height: 137px;">
<table width="80" height="129" border="0" cellpadding="3" cellspacing="1">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF">
<!-- 광고1 -->
<a target="_blank" href="http://click.linkprice.com/click.php?m=sayting3&a=A100248706&l=0002&u_id="><img src="http://banner.sayting.co.kr/link/sayting_120x50.gif" border="0" width="120" height="50"></a>
<img src="http://track.linkprice.com/lpshow.php?m_id=sayting3&a_id=A100248706&p_id=0000&l_id=0002&l_cd1=2&l_cd2=0" width="1" height="1" border="0" nosave style="display:none">
<!-- 광고1 끝-->
</td>
</tr>
</table>
</div>
<!-- 따라다니는 레이어 스크립트 종료 -->
<script language=javascript>
<!--
var yScrollThumb;
var yMenuTop;
function CheckMenuPosition()
{
// 아래의 400은 웹페이지 구성이 화면 가운데 이고 폭이 400px일 때,
// 페이지 내용 오른쪽에 레이어를 위치
yScrollThumb = 800 + (document.body.clientWidth-600) /2;
if (yScrollThumb != ScrollMenu.style.left)
{
ScrollMenu.style.left = yScrollThumb;
}
// 레이어는 스크롤바를 내릴 때 항상 위에서 100px 밑에 위치
yScrollThumb = document.body.scrollTop +100;
// 현재 메뉴의 위치를 10진수로 구한다.
yMenuTop = parseInt ( ScrollMenu.style.top, 10);
if ( yMenuTop == yScrollThumb)
{// 레이어를 이동하 필요가 없다면 다음 타이머는 조금 늦추어 발생
TimeOutInterval = 300;
}
else
{ // 레이어의 위치를 스크롤바의 썸브 위치로 이동한다.
// 레이어의 위치를 스크롤바의 썸브 위치 사이의 중간 위치를 구한다.
yMenuTop = ( yMenuTop + yScrollThumb) / 2;
if ( 200 >= yMenuTop)
{ // 변경할 위치가 200보다 작다면 200으로 고정한다.
// 즉, 화면 맨 위로 이동했다면 상단의 캡션부분을 넘지 못하게
ScrollMenu.style.top = 96;
TimeOutInterval = 150;
}
else
{ // 레이어의 위치를 변경하고 다시 스크롤바의 썸브 위치로
// 레이어를 빠르게 이동 시키기 위해
// 다음 타이머 이벤트를 빨리 발생하게 한다.
ScrollMenu.style.top = yMenuTop;
TimeOutInterval = 10;
}
}
setTimeout ("CheckMenuPosition()", TimeOutInterval);
}
function OnLoad()
{
CheckMenuPosition();
return true;
}
OnLoad();
//-->
</script>
<!-- 따라다니는 레이어 스크립트 종료 -->
댓글 전체
레이어 2개를 띄워서 스크립트도 두번처리되고 하는것보다 왼쪽에 떠다니는 레이어 안에
컨텐츠르 2개 를 넣으시는게 좋겠군요
<div id="ScrollMenu" style="position:absolute; left:614px; top:50px; width:100px; z-index:1; height: 137px;">
<table width="80" height="129" border="0" cellpadding="3" cellspacing="1">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF">
<!-- 광고1 -->
<a target="_blank" href="http://click.linkprice.com/click.php?m=sayting3&a=A100248706&l=0002&u_id="><img src="http://banner.sayting.co.kr/link/sayting_120x50.gif" border="0" width="120" height="50"></a>
<img src="http://track.linkprice.com/lpshow.php?m_id=sayting3&a_id=A100248706&p_id=0000&l_id=0002&l_cd1=2&l_cd2=0" width="1" height="1" border="0" nosave style="display:none">
<!-- 광고1 끝-->
</td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF">
<!-- 광고2 -->
<a target="_blank" href="http://click.linkprice.com/click.php?m=sayting3&a=A100248706&l=0002&u_id="><img src="http://banner.sayting.co.kr/link/sayting_120x50.gif" border="0" width="120" height="50"></a>
<img src="http://track.linkprice.com/lpshow.php?m_id=sayting3&a_id=A100248706&p_id=0000&l_id=0002&l_cd1=2&l_cd2=0" width="1" height="1" border="0" nosave style="display:none">
<!-- 광고2 끝-->
</td>
</tr>
</table>
</div>
컨텐츠르 2개 를 넣으시는게 좋겠군요
<div id="ScrollMenu" style="position:absolute; left:614px; top:50px; width:100px; z-index:1; height: 137px;">
<table width="80" height="129" border="0" cellpadding="3" cellspacing="1">
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF">
<!-- 광고1 -->
<a target="_blank" href="http://click.linkprice.com/click.php?m=sayting3&a=A100248706&l=0002&u_id="><img src="http://banner.sayting.co.kr/link/sayting_120x50.gif" border="0" width="120" height="50"></a>
<img src="http://track.linkprice.com/lpshow.php?m_id=sayting3&a_id=A100248706&p_id=0000&l_id=0002&l_cd1=2&l_cd2=0" width="1" height="1" border="0" nosave style="display:none">
<!-- 광고1 끝-->
</td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#FFFFFF">
<!-- 광고2 -->
<a target="_blank" href="http://click.linkprice.com/click.php?m=sayting3&a=A100248706&l=0002&u_id="><img src="http://banner.sayting.co.kr/link/sayting_120x50.gif" border="0" width="120" height="50"></a>
<img src="http://track.linkprice.com/lpshow.php?m_id=sayting3&a_id=A100248706&p_id=0000&l_id=0002&l_cd1=2&l_cd2=0" width="1" height="1" border="0" nosave style="display:none">
<!-- 광고2 끝-->
</td>
</tr>
</table>
</div>
이렇게 넣는건 아무리 초보라도 아는 방법이구요.
레이어 두개로 만들어 양쪽에 넣으려 합니다.
레이어 두개로 만들어 양쪽에 넣으려 합니다.
쪽지드렸습니다.