jQuery の場所 plugin_jquery

プラグイン コード:
/*任意の位置に固定レイヤーをフローティング*/
/*No Sword (http://regedit.cnblogs.com) 08-03-11*/
/*説明:指定できるレイヤーは、Web ページ上の任意の位置にフローティングします。スクロール バーがスクロールすると、現在の位置に留まり、点滅しません。 */
/*2008-4-1 修正: 正しい位置の場合は無効です。カスタマイズされているので、ここに判定を追加します
値がある場合は設定されません、ie6 でのレイヤー位置の問題を修正しました
*/
/ * call:
1 パラメータ呼び出しなし ：右下のデフォルト float
$("#id").floatdiv();
2 組み込み固定位置 float
//右下Corner
$("#id").floatdiv(" rightbottom");
//左下隅
$("#id").floatdiv("leftbottom");右下隅
$("#id").floatdiv(" rightbottom");
//左上隅
$("#id").floatdiv("lefttop"); //右上隅
$("#id").floatdiv("righttop")
//中央
$("#id").floatdiv("middle"); 3 カスタム位置 float
$("#id").floatdiv({ left:"10px",top:"10px"});
上記のパラメーターを使用して、フローティング レイヤーを左から 10 ピクセルに設定します上から 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==unknown || 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"}; 🎜>case("righttop")://右上隅
loc={right:"0px",top:" 0px"};
case("middle"):// center
var l=0;//left
var t=0;//top
var windowWidth ,windowHeight;//ウィンドウの高さと幅
//高さと幅を取得しますウィンドウの
if (self.innerHeight) {
windowWidth=self.innerWidth;
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; .clientHeight;
}
l=windowWidth/2-$(this).width()/2;
t= windowHeight/2-$(this).height()/2; loc={left:l "px",top:t "px"};
break;
default://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 !=unknown){
//2008-4-1 修正:正しい位置をカスタマイズする場合は無効です。ここに判定を追加します。
//値がある場合は設定されません。値がない場合は、修正レイヤー位置
if($) (this).css("right")==null || $(this).css("right")==""){
$(this).css( "right","18px") ;
}
}
$(this).css("position","absolute")
}
} ; >






どこでもフローティング ウィンドウ プラグイン

右上隅


左下隅

/*任意の位置に固定レイヤーをフローティング*/

/*説明: 指定したレイヤーを Web ページ上の任意の位置にフローティングすることができ、スクロール バーがスクロールしても現在の位置に留まります。 、点滅なし */

/*Call:

1 パラメータなしの呼び出し: デフォルトで右下隅に float

$("#id").floatdiv ( );



2 組み込み固定位置 float

//右下隅

$("#id").floatdiv("rightbottom ") ;

//左下隅

$("#id").floatdiv("leftbottom");

//右下隅

$( "#id").floatdiv("rightbottom");

//左上隅

$("#id").floatdiv("lefttop");

//右上隅

$("#id").floatdiv("righttop");

//中央

$("# id").floatdiv( "middle");



3 カスタム位置 float

$("#id").floatdiv({left:"10px", top:"10px" });

上記のパラメータで、フローティングレイヤーを左から10ピクセル、上から10ピクセルの位置に設定します

*/

こんにちは



































































こんにちは