使用JQuery使Div居中
来源:互联网 发布:淘宝助理在什么地方 编辑:程序博客网 时间:2024/04/29 16:32
Div居中是一个比较常见的需求。下面介绍一种使用JQuery使Div居中的方法
先假设有这样一个Div,<div id="d">test</div>
首先是要把需要居中的Div进行绝对定位,如:
<style type="text/css">
#d {
position: absolute;
width: 500;
height: 300;
border: 1px solid red;
}
</style>
有了这样的样式定义之后就是使其居中的js代码了。
var obj = $("#d");//获得相应的Div对象var x = ($(window).width()-500)/2;//使用$(window).width()获得显示器的宽,并算出对应的Div离左边的距离var y = ($(window).height()-300)/2;//使用$(window).height()获得显示器的高,并算出相应的Div离上边的距离obj.css("top",y).css("left",x);
上面这段代码可以在页面一加载完就执行。
0 0
- 使用JQuery使Div居中
- 使用jQuery使Div居中
- Jquery Div居中
- DIV 居中 使用
- Jquery 使div永久居中_屏幕改变大小仍然居中实例
- 如何使DIV 居中
- 如何使DIV居中
- 使div总居中
- CSS使DIV居中
- 使div居中显示
- 使div居中
- jquery 制作居中显示信息的div
- jquery ajaxstart show出居中div
- div 居中(html5+jquery.mobile)
- jquery实现div水平垂直居中显示
- jquery如何使得div在频幕上居中,垂直居中
- 使浮动DIV始终居中
- 如何使DIV层居中
- AOP的实现机制[讲解一]
- Ext(4)——事件响应和render问题
- Ext(5)——namespace、js的公私有方法和属性
- Ext(6)——定义类和类的继承
- ane资料
- 使用JQuery使Div居中
- 一个简单的freemarker应用示例
- freemarker的一些基本应用,如时间的显示
- POJ 1265 Area Pick公式
- 使用base64对图片的二进制进行编码,使其可以利用ajax进行显示
- 生成验证码并在页面进行显示
- 使用apche的fileupload实现ckeditor的上传功能
- 使用struts2时定义一个servlet过滤器
- CKEDITOR的config.js文件