[php] 퀵메뉴 ie는 자바스크립트로 파폭,사파리등은 css > 팁앤테크

본문 바로가기

사이트 내 전체검색

뒤로가기 팁앤테크

[php] 퀵메뉴 ie는 자바스크립트로 파폭,사파리등은 css

본문

<?
$check = eregi("MSIE",$_SERVER["HTTP_USER_AGENT"]);

if($check) {
    echo "<div class='fl' id='floater2' style='position:absolute; z-index:5;'>\n";
} else {
    echo "<div class='fl' style='width:103px; position:fixed; left:920px; top:200px;'>";
}
?>
        내용
    </div>
<script type="text/jscript">
<!--
// 스크립트는 반드시 스크롤될 내용 아래쪽에 넣습니다. 안그럼 오류가 발생합니다.
// 스크롤바 따라다니는 메뉴

var stmnLEFT = 920; // 스크롤메뉴의 좌측 위치
var stmnGAP1 = 200; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
var stmnGAP2 = 50; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
var stmnBASE = 68; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
var stmnActivateSpeed = 2; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
var stmnScrollSpeed = 1; // 스크롤되는 속도 (클수록 늦게 움직임)
var stmnTimer;

function RefreshStaticMenu() {
  var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
  stmnStartPoint = parseInt(floater2.style.top, 10);
  stmnEndPoint = document.body.scrollTop + stmnGAP2;

  if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
  stmnRefreshTimer = stmnActivateSpeed;

  if ( stmnStartPoint != stmnEndPoint ) {
    stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
    floater2.style.top = parseInt(floater2.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
    stmnRefreshTimer = stmnScrollSpeed;
  }

  stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}

function InitializeStaticMenu() {
  floater2.style.top = document.body.scrollTop + stmnBASE;
  RefreshStaticMenu();
  floater2.style.left = stmnLEFT;
}
//-->
</script>
<script type="text/jscript">InitializeStaticMenu();</script>

죄측정렬용
추천0

댓글목록 0

등록된 댓글이 없습니다.

전체 825건 13 페이지
게시물 검색
Copyright (c) 株式会社YHPLUS. All rights reserved.

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

PC 버전으로 보기