오른쪽 스크롤 따라다니기

란돌프

http://esw.co.kr/xe/index.php?mid=b_html&document_srl=13113

2010.01.28 19:47:37

4089

self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = 0;
}
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater_right.style.pixelTop += percent;
if(NS) document.floater_right.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater_right.style.pixelLeft += percent;
if(NS) document.floater_right.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);

</script>
<script>
function right_close() {
document.getElementById('floater_right').style.display = "none";
document.getElementById('bottomRight999').style.display = "none";
document.getElementById('right_top_div').style.display = "block";

setCookie("layer_onoff", "close" , 1);
}
function right_open() {
document.getElementById('right_top_div').style.display = "none";
document.getElementById('floater_right').style.display = "block";
document.getElementById('bottomRight999').style.display = "block";

setCookie("layer_onoff", "open" , 1);
}
</script>
<script language=javascript>
<!--
var downLayerId;
var dropDegree = 100; //스크롤 속도
var doDirect;
var DirectTerm = 900000; //스크롤 지연시간
var curDropIdx = 0;

  } else {
   for(i = 0;i<document.all["DropHit"].length;i++){
     tempIdx = (document.all["DropHit"].length + curDropIdx - i) %document.all["DropHit"].length;
     document.all["DropHit"][tempIdx].style.posLeft = i*document.all["DropHit"][tempIdx].style.posWidth;
   }
   var temp = 'setInterval("UpLayer()",20)';
   downLayerId = eval(temp);
   direction = "up";
  }
}
function UpLayer()
{
        var tempIdx = 0;
        if(document.all["DropHit"][curDropIdx].style.posLeft < document.all["DropHit"][curDropIdx].style.posWidth && document.all["DropHit"][curDropIdx].style.posLeft > document.all["DropHit"][curDropIdx].style.posWidth * (-1)){
                for(j = 0 ;j < document.all["DropHit"].length;j++){
                        tempIdx = (document.all["DropHit"].length + curDropIdx - j) %document.all["DropHit"].length;
                        document.all["DropHit"][tempIdx].style.posLeft -= dropDegree;
                }
        }else{
                clearInterval(downLayerId);
                for(j = 0;j<document.all["DropHit"].length;j++){
                        tempIdx = (document.all["DropHit"].length + curDropIdx - j) % document.all["DropHit"].length;
                        document.all["DropHit"][tempIdx].style.posLeft = (j-1)*(document.all["DropHit"][tempIdx].style.posWidth);
                }
                curDropIdx = (curDropIdx - 1) ;
                curDropIdx = curDropIdx < 0 ? document.all["DropHit"].length-1:curDropIdx;
                var temp = 'setInterval("DirectUp()",DirectTerm)';
                doDirect = eval(temp);
        }
}
//-->
</script>

<?
if($_COOKIE[layer_onoff] == "close")
$layer_onoff = "right_close();";
else
$layer_onoff = "right_open();";
?>

<body onLoad="resetPosition(); resetPosition_t(); <?=$layer_onoff?> " onScroll="resetPosition(); resetPosition_t();" onResize="resetPosition();">

<div id="right_top_div" style="width:54px; position:absolute; right:3px; top:0px; z-index:30; display:none;">
<script>Flash_Border_Drop('/quick_closed.swf', '54', '79')</script>
</div>

//값을 배열에 넣어서 출력 시키기
$sql_date = date("Y-m-d");

if($fcLogon) {
$fcLogon_chk = split("//",$fcLogon);
$right_event_where = " AND cook_id = '$fcLogon_chk[0]'";
}

$query_right_cnt = "
   SELECT count(*) as cnt FROM cookie_tmp
    WHERE date_format(cook_reg_date,'%Y-%m-%d')='$sql_date' AND
     cook_ip = '$REMOTE_ADDR' $right_event_where
    ORDER BY cook_reg_date DESC
";
$result_right_cnt = mysql_query($query_right_cnt);
$row_right_cnt = mysql_fetch_array($result_right_cnt);

//내가 본상품이 없을경우 MD상품을 출력해 준다.
if($row_right_cnt[cnt] > 0 ) {
  $sql_right_event_scroll_sql = "
    SELECT * FROM cookie_tmp
     WHERE date_format(cook_reg_date,'%Y-%m-%d')='$sql_date' AND
      cook_ip = '$REMOTE_ADDR' $right_event_where
     ORDER BY cook_reg_date DESC
  ";
  //상품을 배열에 넣을려고 판수와 총 숫자 계산
  $one_arr_len = round($row_right_cnt[cnt]/4);

  $len_ck = $row_right_cnt[cnt]%4;
  if( $len_ck > 1) {
   $one_arr_len = $one_arr_len + 1;  // $one_arr_len 총 판수
  }

  //타이틀 이미지
  $title_img = "quick_title_history";

  $md_link = "<td><a href='#top' onclick='cookie_del();'><img src='/prog/img/150/quick_bt_del.gif' alt='삭제' width='15' height='16' border='0' /></a></td>";
} else {  // MD 상품 처리하기
  $sql_right_event_scroll_sql = "
    SELECT * FROM cookie_tmp
     WHERE cook_id = 'MD'
     ORDER BY cook_ip asc
  ";

  // 값 고정시키기 총 data가 10개 이기에 고정시킨다.
  $len_ch = 5;
  $one_arr_len = 4;

  //타이틀 이미지
  $title_img = "quick_title_md";
  $md_link = "<td width='5'></td>";
}
  $sql_right_event_scroll_result = mysql_query($sql_right_event_scroll_sql);
  //echo $sql_right_event_scroll_sql;

$ii=0; $jj=0;
while($row_right_event_scroll = mysql_fetch_array($sql_right_event_scroll_result)) {

$event_right_value_arr[$ii][$jj] = $row_right_event_scroll[cook_p_code]."//".$row_right_event_scroll[cook_p_price];

   if($jj == 1) {
    $jj=-1;
    $ii++;
   }

$jj++;

}

?>
<script>
  function cookie_del() {
   if(confirm('내가본상품을 삭제하시겠습니까?')) {
    var form = document.cook_del;
    form.target = "NO_SHOW_FRAME";
    form.method = "post";
    form.action = "/prog/cookie_now_delete.php";
    form.submit();
    return;
   }
   return;
  }
</script>
<tr>
    <td background="/prog/img/165/quick_back.gif"></td>
</tr>
<tr>
    <td background="/prog/img/2009/quick_back.gif">
<table width="150" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="/prog/img/165/<?=$title_img?>.gif" width="100" height="21" /></td>
  <td valign="bottom" style="padding:0 5px 0px 0;">
   <table border="0" cellspacing="0" cellpadding="0">
    <form name="cook_del">
     <input type="hidden" name="url_ch" value="<?=$cookie_now_url?>">
    <tr>
      <td ><a href="javascript:DirectUp()"><img src="/prog/img/quick_bt_re.gif" alt="이전" width="15" height="16" border="0" /></a></td>
      <?=$md_link?>
      <td ><a href="javascript:DirectDown()"><img src="/prog/img/quick_bt_ff.gif" alt="다음" width="15" height="16" border="0" /></a></td>
    </tr>
    </form>
   </table>
  </td>
      </tr>
      <tr>
        <td height="2" colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2">

<?
  $left_value=0;
  for($ji=0; $ji <= $one_arr_len; $ji++) {

?>
        <div id=DropHit style="width:150px; height:75px; position:absolute; left:<?=$left_value?>px; top:0px; z-index:1; visibility:visible;">
          <table border=0 cellpadding=0 cellspacing=0 width=150>
            <tr>
              <td>
       <table border="0">
      <tr>
    <?
     for($ij=0; $ij <= 1 ; $ij++) {
       if($event_right_value_arr[$ji][$ij]) {
      $print_arr = split("//",$event_right_value_arr[$ji][$ij]);
      $img_right_new_s = strtolower($print_arr[0]);
      $img_right_new_s = eregi_replace("-","_",$img_right_new_s);

      //이미지 이름 변경처리 이미지 이름이 st_fa000~st_fb099 일때는 가운데 a,b를 제거 한다.
      //$img_ch_name = substr($img_right_news_s, 0, 3);
      if( (substr($img_right_new_s, 0, 4) == "st_f") and (int)substr($img_right_new_s,-3) < 100 ) {
       $img_right_new_s = eregi_replace("a", "", eregi_replace("b", "", $img_right_new_s));

}
?>

<td width="75" height="75" align="center"><a href="/prog/shopping/goods_detail.php?goods_code=<?=$print_arr[0]?>&sub_folder_code="><img src="<?=$img_server_url?>/prog/goods/imgs/<?=$img_right_new_s?>s.jpg" width="60" height="65" border="0"></a><BR><span class="style993"> <?=$print_arr[1]?></span></td>

    <?
       }
     }
    ?>
      </tr>
    </table>
     </td>
            </tr>
          </table>
        </div>
<?
   $left_value=$left_value+150;

}
?>
</div>

  </td>
      </tr>
    </table></td>
</tr>

   $sql_right_event_9_sql = "select * from event_99 where date_format(reg_date,'%Y-%m-%d')='$sql_date' order by no asc limit 9";
   $sql_right_event_9_result = mysql_query($sql_right_event_9_sql);
   $main_right_9_cnt = 0;
   while($row_right_event_9 = mysql_fetch_array($sql_right_event_9_result)) {
     $main_right_9_cnt++;
     $tel_main_event_string = explode('-', $row_right_event_9[phone]);
     $name_phone = $tel_main_event_string[0]."-*-".$tel_main_event_string[2];
     $main_event_time = date("H:i:s",strtotime($row_right_event_9[reg_date]));

?>
<div style="line-height:100%; padding:0 0 0 10px;"><span class="style996"><?=$name_phone?></span>  <span class="style997"><?=$main_event_time?></span></div>
<?
}
?>

</td>
</tr>

        </table></td>
      </tr>
      <tr>
        <td><img src="/prog/img/150/quick_banner_event_99.gif" alt="이벤트자세히보기" width="150" height="73" border="0" onclick="javascript:location.href='/event/2010/9950sale/index.php';" style="cursor: hand;" /></td>
      </tr>
      <tr>
        <td><img src="/prog/img/150/quick_006.gif" width="150" height="7" /></td>
      </tr>
    </table></td>
</tr>
<tr>
    <td background="/prog/img/150/quick_back.gif" bgcolor="ebebeb" height="900"> </td>
</tr>
</table>

</td>
</tr>
</table>

</div>

</body>

이 게시물을

목록 수정... 삭제

번호	제목	글쓴이	날짜	조회 수
88	간단 mouseover 기본 응용	란돌프	2010-02-19	6471
87	div 탭 형태 마우스오버 및 자동이동 1	란돌프	2010-02-18	5220
86	낚시 조심 hayung58@nate.com 문원정 문화영 070-7078-9314 2	낚시	2010-02-06	10484
85	css 관련 여러가지 스타일 2	란돌프	2010-01-30	7222
	오른쪽 스크롤 따라다니기	란돌프	2010-01-28	4089
83	자바스크립트 해상도 구하기 1	란돌프	2010-01-27	4571
82	마우스 따라가는 글자의 소스 설명	마우스	2010-01-23	4492
81	좌우 클릭 스크롤 상품 보여줄때 유용	란돌프	2010-01-22	4560
80	좌우 클릭 스크롤	란돌프	2010-01-22	4890
79	오른쪽 레이어 따라다니기	라이트	2010-01-22	3714
78	클릭 레이어pop열고 닫기 1	fpdlej	2010-01-16	5097
77	이미지 로딩 완료 유무	dlalwl	2010-01-14	4256
76	faq 클릭시 div 열리게 1	faq	2010-01-13	4513
75	button내용의 길이 조절 1	퍼옴	2009-12-28	4458
74	초간단 달력 1	달력	2009-12-28	4044
73	날짜 시계	시계	2009-12-28	3755
72	변경시 오늘 날짜 유지하기	날짜	2009-12-28	4676
71	배열 체크 확인하기 2	라이트	2009-12-28	4736
70	연속된 스크롤 붙여서 좌측으로 스크롤	스크롤	2009-02-20	4516
69	이미지 미리보기 원보사이즈로 보기	이미지	2009-02-20	5117

쓰기... 목록

첫 페이지 1 2 3 4 5 6 7 끝 페이지

HTML

오른쪽 스크롤 따라다니기