JavaScript jQuery プラグイン Exercise_jquery

化後の插件：
SimplePlugin.htm：

复制代 代以下:

<頭>

jquery.SimplePlugin.js：

复制代码 代码次のように:

$.fn.dialog=function(){
this.MaskDiv=function()//自定义一个関数
{
//创建遮罩背景,这里
$("body").append("

"); zIndex では隠蔽が設定されています。
$("body").find("#MaskID").width("888px").height("666px")
.css({position:"absolute",top:"0px",左:"0px"、背景:"#ccc"、zIndex:"10000"});
}
this.MaskDiv();// 独自の関数を使用します。
$("body").append("

< ul>

提案

");
var obj=$("body").find("#DivDialog");
obj.width("200px").height("200px");
obj.css({position:"absolute",top:"100px",left:"100px",background:"#FFCC66",zIndex:"10001"}).show("slow");

これを返します;
}

完全なファイル:
myplugin.html:

复制代 代码如下:

jquery.dialog.js：

复制代码代码如下:

//JScript ファイル
$.fn.dialog=function(){
this.MaskDiv=function()//関数をカスタマイズします
{
var wnd = $ ( window), doc = $(document);
if(wnd.height() > doc.height()){ //高さが 1 画面未満の場合
wHeight = wnd.height();
}else{//高さが 1 画面より大きい場合
wHeight = doc.height();
}
//マスクの背景を作成します
$("body")。 append("

$("body").find("#MaskID").width(wnd.width()).height(wHeight)
.css ({position:"absolute",top:"0px",left:"0px",background:"#ccc",filter:"Alpha(opacity=90);",opacity:"0.3",zIndex :"10000" });
}
this.sPosition=function(obj)//パラメータを使用して関数をカスタマイズします
{
var MyDiv_w = parseInt(obj.width()); >var MyDiv_h = parseInt(obj.height());

var width =parseInt($(document).width());
var height = parseInt($(window).height() );
var left = parseInt($(document).scrollLeft());
var top = parseInt($(document).scrollTop());

var Div_topposition = トップ/ 2 ) - (MyDiv_h / 2); //上マージンを計算します
var Div_leftposition = left (width / 2) - (MyDiv_w / 2) //左マージンを計算します
return Array(Div_topposition,Div_leftposition) );
}
this.MaskDiv();
$("body").append("

");
var obj=$("body").find("#DivDialog");
obj.width("200px") ).height ("200px");
PosT=this.sPosition(obj);
obj.css({position:"absolute",top:PosT[0] "px",left:PosT[1] ] "px ",background:"#FFCC66",zIndex:"10001"}).show("slow");
これを返す
}