jQuery 위치 플러그 인

플러그 인 코드:/*임의의 위치 부동 고정 층*/*검 없 음(http://regedit.cnblogs.com)08-03-11*/*설명:지정 한 층 을 웹 페이지 의 모든 위치 로 이동 시 킬 수 있 습 니 다.스크롤 바 가 굴 러 갈 때 현재 위치 에서 변 하지 않 고 반 짝 임 이 발생 하지 않 습 니 다*/*2008-4-1 수정:사용자 정의 right 위치 가 잘못 되 었 습 니 다.여기에 값 이 있 을 때 설정 하지 않 습 니 다.값 이 없 을 때 18px 수정 층 위치 가 ie6 에 있 는 문제*/*호출 을 추가 합 니 다.1 매개 변수 호출 없 음:기본 값 은 오른쪽 아래 에 있 습 니 다$("\#id").floatdiv().2 내 장 된 고정 위치 부동//오른쪽 아래$("\#id").floatdiv("rightbottom");/왼쪽 아래$("\#id").floatdiv("leftbottom");/오른쪽 아래$("\#id").floatdiv("rightbottom");/왼쪽 상단$("\#id").floatdiv("lefttop");/오른쪽 상단$("\#id").floatdiv("righttop");/중간$("\#id").floatdiv("middle");3 사용자 정의 위치 부동$("\#id").floatdiv({left:"10px",top:"10px"});위의 매개 변 수 는 유동 층 이 left 10 개 픽 셀,top 10 개 픽 셀 의 위치*/jQuery.fn.floatdiv=function(location){/ie6 는 수직 스크롤 바 var isIE6=false 를 숨 기 려 고 합 니 다.if($.browser.msie && $.browser.version=="6.0"){ $("html").css("overflow-x","auto").css("overflow-y","hidden"); isIE6=true; }; $("body").css({margin:"0px",padding:"0 10px 0 10px", border:"0px", height:"100%", overflow:"auto" }); return this.each(function(){ var loc;//층 의 절대 위치 if(location==undefined|location.constructor===String){switch(location){case("rightbottom"):/오른쪽 아래 loc={right:"0px",bottom:"0px"};break; case("leftbottom")://왼쪽 아래 loc={left:"0px",bottom:"0px"};break; case("lefttop")://왼쪽 상단 loc={left:"0px",top:"0px"};break; case("righttop")://오른쪽 상단 loc={right:"0px",top:"0px"};break; case("middle")://가운데 var l=0;/왼쪽 var t=0;/var windowWidth,windowHeight;/창의 높이 와 너비//창의 높이 와 너비 if(self.inner Height){windowWidth=self.inner Width;windowHeight=self.innerHeight; }else if (document.documentElement&&document.documentElement.clientHeight) { windowWidth=document.documentElement.clientWidth; windowHeight=document.documentElement.clientHeight; } else if (document.body) { windowWidth=document.body.clientWidth; windowHeight=document.body.clientHeight; } l=windowWidth/2-$(this).width()/2; t=windowHeight/2-$(this).height()/2; loc={left:l+"px",top:t+"px"}; break; default:/기본 값 은 오른쪽 아래 loc={right:"0px",bottom:"0px"}입 니 다.break; } }else{ loc=location; } $(this).css("z-index","9999").css(loc).css("position","fixed"); if(isIE6){ if(loc.right!=undefined){/2008-4-1 수정:오른쪽 위 치 를 사용자 정의 할 때 유효 하지 않 습 니 다.여기에 판단//값 이 있 을 때 설정 하지 않 습 니 다.값 이 없 을 때 18px 수정 층 위치 if($(this).css(right)==null|$(this).css(right)=="){$(this).css(right,18px);}$(this).css("position","absolute"); } }); }; 사용방법: 임의의 위치 부동 창 플러그 인 $(function(){ $("#test").floatdiv({top:"200px",right:"200px"}); $("#rtop").floatdiv("righttop"); $("#floatAd").floatdiv({top:"50px",left:"50px"}); });
오른쪽 상단
왼쪽 아래

/*임의의 위치 에서 고정 층 을 움 직 일 수 있 습 니 다*/
/*설명:지정 한 층 을 웹 페이지 의 모든 위치 로 움 직 일 수 있 습 니 다.스크롤 바 가 굴 러 갈 때 현재 위치 가 변 하지 않 고 반 짝 임 이 발생 하지 않 습 니 다*/
/*호출:
1 매개 변수 없 음 호출:기본 값 으로 오른쪽 아래
$("\#id").floatdiv();p>

2 내장 고정 위치 부동
//오른쪽 하단
$("\#id").floatdiv("rightbottom");
//왼쪽 아래
$("\#id").floatdiv("leftbottom");
//오른쪽 하단
$("\#id").floatdiv("rightbottom");
//왼쪽 상단
$("\#id").floatdiv("lefttop");
//오른쪽 상단
$("\#id").floatdiv("righttop");
//가운데
$("\#id").floatdiv("middle");

3 사용자 정의 위치 부동
$("\#id").floatdiv({left:"10px",top:"10px"});
이상 의 매개 변 수 는 유동 층 을 left 10 픽 셀 로 설정 합 니 다.




<







<<

<
<

<


<
<
<



















<<
<

<<











hello

좋은 웹페이지 즐겨찾기