`
jpw2409
  • 浏览: 13866 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery 垂直居中浏览器

    博客分类:
  • html
 
阅读更多
<script>

$(document).ready(function(){
 
w= $(".kf").width();

h=$(".kf").height();

r=w/2;
s=h/2;
 
$(".kf").css("margin","-"+s+" 0 0 -"+r+"");
//要是个参数的时候用“+参数+”
 
  })


</script>


<table  border="0" cellspacing="0" cellpadding="0" class="kf" >
  <tr>
    <td><a href="#"><span class="cod">A-001</span><span class="cod"><img src="images/1116528.png" /></a></span></td>
    <td><a href="#"><span class="cod">A-002</span><span class="cod"><img src="images/13842.png" /></a></span></td>
    <td><a href="#"><span class="cod">A-003</span><span class="cod"><img src="images/13842.png" /></a></span></td>
    <td><a href="#"><span class="cod">A-004</span><span class="cod"><img src="images/13842.png" /></a></span></td>
    <td><a href="#"><span class="cod">A-005</span><span class="cod"><img src="images/13842.png" /></a></span></td>
    <td><a href="#"><span class="cod">A-006</span><span class="cod"><img src="images/13842.png" /></a></span></td>
  </tr>
</table>
分享到:
评论

相关推荐

    基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)

    有了这个,可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢?这个时候就要获取当前窗体距离页面顶部的高度,加到刚刚的y轴坐标即可。 $(document)是获取整个网页的,$(window)是获取当前窗体的,这...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    通用性强的jquery带箭头跟随的垂直菜单组(jquery vmenu)插件下载 48.推荐jQuery黑色多级横向菜单导航(带动画效果) 49.学习jQuery简单伸缩菜单代码实例 50.一款jquery仿flash滑动左侧菜单插件代码下载 51.一...

    centerr:一个简单的jQuery插件,可在元素的父元素中绝对水平和垂直居中

    中心一个简单的jQuery插件,可在元素的父元素中绝对水平和垂直居中用: $ ( window ) . on ( "load resize" , function ( ) {$ ( '#targetElement' ) . centerr ( ) ;} ) ;选项:手机:767 浏览器宽度,低于该宽度时...

    jquery 弹出窗口,可缩放,可拖拽

    黄金比例垂直居中;超大响应区域特别为ipad等触屏设备优化;预先缓存皮肤图片更快响应…… 跨平台兼容 兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位...

    兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码

    1.注册框始终水平、垂直居中,包括鼠标滚轮上下滚动页面、缩放页面和调整浏览器窗口大小时 主要由CSS控制,注册框的宽度和高度都已经确定( 620*420px ),首先使用position:fixed来使它相对于浏览器窗口绝对定位;...

    jquery弹框

    这是一个JQuery代码。实现的弹框有黑幕。遮罩、类似于一种粒粒返登录的。这个弹框无论滑动滚动条还是改变窗口大小、都会始终居于浏览器中间(垂直水平).很不错的效果!!

    浅谈DOCTYPE对$(window).height()取值的影响

    前言:公司项目需要用到一个弹框垂直居中,网上类似的垂直居中弹出层大同小异,因为项目是基于Jquery 下的,所以用$(window).height()-layer.height())/2 +$(document).scrollTop()取得垂直的位移。测了各种浏览器没...

    textFit:无需jQuery的组件,可将单行和多行文本快速适应其容器的宽度(以及可选的高度)

    支持水平和垂直居中,包括Flexbox的垂直居中,以实现最大精度。 支持任何字体,填充和多行文本。 浏览器支持 textFit支持IE9 +,Firefox,Chrome,Opera和大多数移动浏览器。 如果发现不兼容,请提出问题。 如果...

    很炫的对话框

    黄金比例垂直居中;超大响应区域特别为ipad等触屏设备优化;预先缓存皮肤图片更快响应…… 跨平台兼容 兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位...

    jquery easyui滚动条部分设置介绍

    默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下jquery关于定位的几个方法 代码如下: //获取浏览器...

    lhgDialog窗口组件

    黄金比例垂直居中;采用九宫格的布局结构,css类钩子丰富,可以定制类似桌面软件般精致的皮肤... 跨平台兼容特性 兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的...

    artDialog_Demo

    21、如果对话框高度超过浏览器视口的一半高度则不使用黄金比例垂直居中 22、修复了IE7通过url参数创建的iframe可能出现边框线的小问题 23、为了后续版能够提更多接口(小巧而强大的),想了很久狠心改了调用名:art...

    《JavaScript实例精通》[源代码]

    13_2.htm 永远居中的背景图片。 13_3.htm 随机显示的背景图片。 13_4.htm 不停变换的背景颜色。 13_5.htm 背景颜色自己选。 第14章(\14) 示例描述:页面特效。 14_1.htm 页面全屏显示。 14_2.htm ...

    JavaScript实例精通

    13_2.htm 永远居中的背景图片。 13_3.htm 随机显示的背景图片。 13_4.htm 不停变换的背景颜色。 13_5.htm 背景颜色自己选。 第14章(\14) 示例描述:页面特效。 14_1.htm 页面全屏显示。 14_2.htm ...

Global site tag (gtag.js) - Google Analytics