jQuery创建水平和垂直居中的div窗口
来源:互联网 发布:python相对路径import 编辑:程序博客网 时间:2024/06/13 04:55
$(window).resize(function(){
$('.className').css({
position:'absolute',
left: ($(window).width() - $('.className').outerWidth())/2,
top: ($(window).height() - $('.className').outerHeight())/2 + $(document).scrollTop()
});
});
//初始化函数
$('.className').css({
position:'absolute',
left: ($(window).width() - $('.className').outerWidth())/2,
top: ($(window).height() - $('.className').outerHeight())/2 + $(document).scrollTop()
});
});
//初始化函数
$(window).resize();
这种方法的好处是您无需知道div有多大,缺点是它只能通过JavaScript实现。
- jQuery创建水平和垂直居中的div窗口
- DIV水平和垂直居中
- DIV水平和垂直居中
- div自动适应浏览器窗口水平和垂直居中
- div自动适应浏览器窗口水平和垂直居中
- div自动适应浏览器窗口水平和垂直居中
- DIV块,窗口水平居中,窗口水平垂直居中
- table和div的水平居中和垂直居中
- div+css 水平居中和垂直居中的多种解决方案
- div里的内容水平居中和垂直居中
- div下的图片水平居中和垂直居中
- div+css垂直居中和水平居中
- 59、div垂直居中和水平居中
- jquery实现div水平垂直居中显示
- 让DIV水平和垂直居中的几种方法
- css实现div的水平和垂直居中
- div垂直和水平居中的几种方法
- div水平垂直居中
- CAS单点登陆原理
- [QTP中RO与TO3]如何访问DOM对象和方法(描述性编程)
- 10本Linux学习者必读的电子书
- 第十七周任务一
- 第十七周任务一
- jQuery创建水平和垂直居中的div窗口
- IIS 7.5版本中一些诡异问题的解决方案(WCF..)
- jquery与dom的转换
- ci的常用操作
- proguard 使用
- Entity Framework 4中删除所有数据行的几种方法
- 基础指令 -- 重回vimer
- [新闻] 20120613,微软6月13日发布7个安全补丁
- android广播