javascript jQuery 플러그인 exercise_jquery

简化后的插件：
SimplePlugin.htm：

复代码 代码如下:

<머리>





<본문>

jquery.SimplePlugin.js：

复主代码 代码如下:

$.fn.dialog=function(){
this.MaskDiv=function()//自정义一个函数
{
//创建遮罩背景,这里没有设置透明titude，为了简单。zIndex决定了遮罩。
$("body").append("

");
$("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({위치:"절대",상단:"100px",왼쪽:"100px",배경:"#FFCC66",zIndex:"10001"}).show("느린");

이것을 돌려주세요;
}

完整的插件：
myplugin.html：

复主代码 代码如下:

<머리>








<본문>

jquery.dialog.js：

复代码 代码如下:

//JScript 파일
$.fn.dialog=function(){
this.MaskDiv=function()//함수 사용자 정의
{
var wnd = $ ( window), doc = $(document);
if(wnd.height() > doc.height()){ //높이가 한 화면보다 작은 경우
wHeight = wnd.height();
}else{//높이가 한 화면보다 큰 경우
wHeight = doc.height()
}
//마스크 배경을 만듭니다
$("body"). Append("< ;div ID=MaskID>

")
$("body").find("#MaskID").width(wnd.width()).height(wHeight)
.css({위치:"절대",위:"0px",왼쪽:"0px",배경:"#ccc",필터:"알파(불투명도=90);",불투명도:"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")
return this
}