JQueryプラグイン第28個:黒耀石から改編された.Cの中央効果
2031 ワード
/*
* : .C 2010-04-22
* , !
* :chinet_bridge 2012-02-21
*/
jQuery.centerPosition ={
//obj jQuery
obj:null,
Get:function () {
var w=(!this.obj)?0:this.obj.width();
var h=(!this.obj)?0:this.obj.height();
var width = $(document).width();
var height = $(window).height();
var dleft = $(document).scrollLeft();
var dtop = $(document).scrollTop();
var t = dtop + (height / 2) - (h / 2);
var l = dleft + (width / 2) - (w / 2);
return {left:l,top:t};
},
Set:function(){
if(!this.obj){
var l=this.Get().left;
var t=this.Get().top;
this.obj.css({ "position": "absolute","left": l, "top": t});
}
}
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="../jquery-1.6.js"></script>
<script type="text/javascript" src="jQuery.centerPosition.js"></script>
<script type="text/javascript">
$(function () {
with($.centerPosition){
obj=$("#Button1");
alert(Get().left);
alert(Get().top);
Set();
}
});
</script>
</head>
<body>
<input id="Button1" type="button" value=" " />
</body>
</html>