本文介绍了如何使用jQuery实现一个盒子在网页中随着窗口大小变化始终保持水平和垂直居中。通过引入jQuery库和自定义JavaScript代码，定义了一个函数，该函数根据窗口尺寸动态调整盒子的位置。
先导入1.11.0的js包，在新建一个js文件导入，
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/center-1.3.js" ></script>
先在html写出div的ID或者class
<body>
<div id="box"></div>
</body>
在写js的时候记得开始要加一个分号( ； )
这些写出
；(function($){
})(jQuery)
后面定义一个方法和这个方法的名字
;(function($){
$.fn.center = function(options){
}
})(jQuery)
接着我们写出盒子的样式
;(function($){
//对象级别
$.fn.center = function(options){
var
最低0.47元/天 解锁文章
扫一扫
2567
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
