垂直,水平居中代码,自用
2016-03-24 21:16
375 查看
function center(a, b, c) {
if (c == "e") {
function e() {
a.css("left", (b.width() - a.width()) / 2 + b.scrollLeft());
}
return e();
}
if (c == "d") {
function d() {
a.css("top", (b.height() - a.height()) / 2 + b.scrollTop());
}
return d();
}
if (c == "f") {
function f() {
a.css("left", (b.width() - a.width()) / 2 + b.scrollLeft());
a.css("top", (b.height() - a.height()) / 2 + b.scrollTop());
}
return f();
}
}
//需要条位置的元素。对比元素,高度/宽度,调用某个函数 e,d,f //宽度,高度,全部
center($(".ww"),$(".silder"),"f");
或者css的话就是:
首先:position:absolute;
top:50%;
margin-top:-height/2 px; //这里的负值是计算需要计算高度的该元素的高度的一半
同理,左右居中也是如此
if (c == "e") {
function e() {
a.css("left", (b.width() - a.width()) / 2 + b.scrollLeft());
}
return e();
}
if (c == "d") {
function d() {
a.css("top", (b.height() - a.height()) / 2 + b.scrollTop());
}
return d();
}
if (c == "f") {
function f() {
a.css("left", (b.width() - a.width()) / 2 + b.scrollLeft());
a.css("top", (b.height() - a.height()) / 2 + b.scrollTop());
}
return f();
}
}
//需要条位置的元素。对比元素,高度/宽度,调用某个函数 e,d,f //宽度,高度,全部
center($(".ww"),$(".silder"),"f");
或者css的话就是:
首先:position:absolute;
top:50%;
margin-top:-height/2 px; //这里的负值是计算需要计算高度的该元素的高度的一半
同理,左右居中也是如此
相关文章推荐
- C#——判断成绩是否通过
- git基础快速入门
- 学长们的求职血泪史(C/C++/JAVA)
- python实现的黑客字幕雨(附截图功能)
- 【C++】智能指针shared_ptr 定位删除器(仿函数)
- 使用GitHub Pages + Hexo 快速搭建个性化博客(五)-首页优化和文章分享评论
- Python实现的淘宝直通车数据抓取(4)
- spring的两种声眀式事务
- Python调用SIFT出现的问题:No such file or directory: '*.sift' 解决办法,超好用
- tinyxml源代码解析(一)
- Java 学习笔记(一)
- Python实现的淘宝直通车数据抓取(3)
- PHP实用方法
- C#——判断一个数是奇偶性
- 我的Python学习之路之环境准备
- PHP之PDO
- Python~函数的参数
- Web Scraping with Python
- 补上题代码 hdu1520
- yii2-搜索带分页,分页的两种方式