플러그 인 코드:/*임의의 위치 부동 고정 층*/*검 없 음(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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다: