<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>
$(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>
发表评论
-
colgroup-table
2016-05-25 09:35 319<table width="100%" ... -
字母换行
2016-04-19 10:57 394word-break: break-all -
form上的提交
2014-10-21 10:09 296onsubmit 是表单提交时触发 onclick是按钮点击时 ... -
输入关键 鼠标点击自动删除
2014-10-21 10:09 611<input name="" typ ... -
设置ie6下png图片及背景透明的方法 2011-12-1 15:07阅读(1)
2014-10-21 10:10 324设置ie6下png图片及背景透明的方法: (1)微软滤镜法:f ... -
两端对齐
2014-11-20 15:22 461text-align:justify;text-justify ... -
div里的span火狐下不兼容
2014-11-20 15:22 380display:-moz-inline-box;display ... -
一个层垂直居中于浏览器中
2014-11-20 15:22 346<!DOCTYPE html PUBLIC " ... -
导航导航导航导航
2014-11-20 15:23 394<!DOCTYPE html PUBLIC " ... -
路径(链接)
2014-11-20 15:23 323<DIV > ... -
line-height ie6失效
2014-11-25 13:44 354.gwc-border ul .gwc_66{width:11 ... -
控制框架页面或<iframe>内嵌页面在指定页面(区域)打开页面
2014-12-01 13:41 827iframe src="http://zhidao. ... -
固定背景不随滚动条滚动
2014-12-01 13:44 400<BODY style="BACKGROUND ... -
标题 更多
2014-12-01 13:47 289<head> <meta http-equi ... -
图片垂直居中
2014-09-26 14:45 0<head> <title>fdf&l ... -
rows就是行 ie6下li里图片失效解决
2014-09-26 14:45 0rows就是行,cols就是列 .box img { vert ... -
iframe不能全部显示
2014-12-01 13:42 464解决方法:DOCTYPE头部声明去掉就可以了 关键应该在wi ... -
div 换行
2014-12-01 13:42 392<div style="width:100px ... -
fieldset
2014-09-26 14:41 0<style> div{font-size:14p ... -
表格宽度内容自适应
2014-09-26 14:40 0white-space:nowrap; padding:0px ...
相关推荐
有了这个,可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢?这个时候就要获取当前窗体距离页面顶部的高度,加到刚刚的y轴坐标即可。 $(document)是获取整个网页的,$(window)是获取当前窗体的,这...
通用性强的jquery带箭头跟随的垂直菜单组(jquery vmenu)插件下载 48.推荐jQuery黑色多级横向菜单导航(带动画效果) 49.学习jQuery简单伸缩菜单代码实例 50.一款jquery仿flash滑动左侧菜单插件代码下载 51.一...
中心一个简单的jQuery插件,可在元素的父元素中绝对水平和垂直居中用: $ ( window ) . on ( "load resize" , function ( ) {$ ( '#targetElement' ) . centerr ( ) ;} ) ;选项:手机:767 浏览器宽度,低于该宽度时...
黄金比例垂直居中;超大响应区域特别为ipad等触屏设备优化;预先缓存皮肤图片更快响应…… 跨平台兼容 兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位...
1.注册框始终水平、垂直居中,包括鼠标滚轮上下滚动页面、缩放页面和调整浏览器窗口大小时 主要由CSS控制,注册框的宽度和高度都已经确定( 620*420px ),首先使用position:fixed来使它相对于浏览器窗口绝对定位;...
这是一个JQuery代码。实现的弹框有黑幕。遮罩、类似于一种粒粒返登录的。这个弹框无论滑动滚动条还是改变窗口大小、都会始终居于浏览器中间(垂直水平).很不错的效果!!
前言:公司项目需要用到一个弹框垂直居中,网上类似的垂直居中弹出层大同小异,因为项目是基于Jquery 下的,所以用$(window).height()-layer.height())/2 +$(document).scrollTop()取得垂直的位移。测了各种浏览器没...
支持水平和垂直居中,包括Flexbox的垂直居中,以实现最大精度。 支持任何字体,填充和多行文本。 浏览器支持 textFit支持IE9 +,Firefox,Chrome,Opera和大多数移动浏览器。 如果发现不兼容,请提出问题。 如果...
黄金比例垂直居中;超大响应区域特别为ipad等触屏设备优化;预先缓存皮肤图片更快响应…… 跨平台兼容 兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位...
默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下jquery关于定位的几个方法 代码如下: //获取浏览器...
黄金比例垂直居中;采用九宫格的布局结构,css类钩子丰富,可以定制类似桌面软件般精致的皮肤... 跨平台兼容特性 兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的...
21、如果对话框高度超过浏览器视口的一半高度则不使用黄金比例垂直居中 22、修复了IE7通过url参数创建的iframe可能出现边框线的小问题 23、为了后续版能够提更多接口(小巧而强大的),想了很久狠心改了调用名:art...
13_2.htm 永远居中的背景图片。 13_3.htm 随机显示的背景图片。 13_4.htm 不停变换的背景颜色。 13_5.htm 背景颜色自己选。 第14章(\14) 示例描述:页面特效。 14_1.htm 页面全屏显示。 14_2.htm ...
13_2.htm 永远居中的背景图片。 13_3.htm 随机显示的背景图片。 13_4.htm 不停变换的背景颜色。 13_5.htm 背景颜色自己选。 第14章(\14) 示例描述:页面特效。 14_1.htm 页面全屏显示。 14_2.htm ...