소스를 레이어를 두개로 늘릴수있을까요? > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

소스를 레이어를 두개로 늘릴수있을까요? 정보

소스를 레이어를 두개로 늘릴수있을까요?

본문

고수님들 또 질문입니다.

아래 소스를 레이어를 두개로 늘릴수있을까요?

좌우측에 하나씩 넣으려 합니다.

확인 부탁드립니다.

감사합니다.


<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>
© SIRSOFT
현재 페이지 제일 처음으로