使用javascript修复浏览器中12个常见而又头痛的问题

核心提示： 下载的例子演示了可以使用无返回值的方法链.jQuery(function($) { var myDiv = $('#myDiv'); // set margin-top to 100px and margin-bottom to 10em myDiv.margin({top

下载的例子演示了可以使用无返回值的方法链.

jQuery(function($) {

　 var myDiv = $('#myDiv');
　 // set margin-top to 100px and margin-bottom to 10em
　 myDiv.margin({top: 100, bottom: '10em'});
　 // displays the size of the top border in pixels
　 alert(myDiv.border().top);
　 // displays true if the element is visible, false otherwise
　 alert(myDiv.isVisible());
　 // set padding-right to 10px and margin-left to 15px using chaining
　 myDiv.padding({right: 10}).margin({left: 15});
});

查看 演示.

源文件 下载

6. 水平或垂直居中元素

你以前也许遇到过这个问题:水平或垂直居中页面元素. 在CSS中垂直居中是非常困难的, 特别是你想支持所有主流浏览器的情况下.非常幸运,现在已经有了解决方案,其中一个方式就是从高度与宽度中取得元素左边与顶部页边距值再除以2,得到的便 是要居中元素的margin-left与margin-top.(这句话理解不知道有没有问题)

6.1 居中页面元素插件

这个插件可以居中页面的任何元素,使用了水平与垂直上减去页边距的办法.

$("element").center(); //vertical and horizontal
$("element").center({
　　horizontal: false // only vertical
});

查看 演示.