在一个很好的方式使用JQ的DIV分享

在一个很好的方式使用JQ的DIV分享
很短的版本:
复制代码代码如下所示:
$(# mydiv)。Css({顶:50 %,左:50 %,保证金:-+($(' # mydiv ')(高度)/ + 'px 00(2美元)-+(' # mydiv ')(宽度) 2)+ 'px});
短版:

复制代码代码如下所示:
函数($){)
fn.extend({美元。
中心:函数(){
返回this.each(函数(){()
var =($(窗口),Height()$(this)。OuterHeight())/ 2;
VaR左=($(窗口),Width()$(this)。OuterWidth())/ 2;
$(这)。Css({位置:绝对的,保证金:0,上:(顶> 0顶:0)+ 'px,左:(左> 0左:0)+ 'px});
});
}
});
})(jQuery);
此代码激活
$(# maindiv)。森特();
插件

复制代码代码如下所示:
(函数($){)
fn.extend({美元。
中心:函数(选项){
var选项
内部:窗口,中心到窗口元素。
转换:0 毫秒,转换,时间
疯丫头:0,最小左 / /像素元素值。
迷你:0,最小的顶级元素值/ /像素。
withscrolling:真的,照顾 / booleen,滚动条(scrollTop)
垂直:真实 / / booleen,中心垂直
水平:真实 / booleen,中心水平
},选项);
返回this.each(函数(){()
VaR的道具= {位置:'absolute};
如果(选项垂直){
var =($(选项里面)。Height()$(this)。OuterHeight())/ 2;
如果(选项。withscrolling)= $(选项里面),ScrollTop(0)| |;
=(顶> options.miny顶部:选项。迷你);
美元。延长(道具,{顶:顶+ 'px});
}
如果(选项,水平){
VaR左=($(选项里面)。Width()$(this)。OuterWidth())/ 2;
如果(选项。withscrolling)左= $(选项里面),ScrollLeft(0)| |;
左=(左> options.minx左:选项。疯丫头);
美元。延长(道具,{左:左+ 'px});
}
如果(options.transition > 0)$(这)。动画(道具选项。过渡);
Css(道具);
返回$(这个);
});
}
});
})(jQuery);
此代码激活:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(# maindiv)。森特();
$(窗口),Bind('resize功能()){
$(# maindiv)。中心({ 300 }过渡:);
});
);
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部