WEB开发网
开发学院网页设计JavaScript jQuery Div层在页面内默认绝对居中 阅读

jQuery Div层在页面内默认绝对居中

 2009-08-05 20:13:28 来源:WEB开发网   
核心提示:代码 程序代码<script type="text/javascript">$(document).ready(function() {//Tips: jQuery Div层在页面内默认绝对居中//By 逸品天空Web开发代码站 http://code.dlstu.cn/$("

代码

 程序代码
<script type="text/javascript">
$(document).ready(function() {
//Tips: jQuery Div层在页面内默认绝对居中
//By 逸品天空Web开发代码站 http://code.dlstu.cn/
$("#contentwrap").each(function(i,o){
     $(o).CSS("left",(($(document).width())/2-(parseInt($(o).width())/2))+"px");
     $(o).css("top",(($(document).height())/2-(parseInt($(o).height())/2))+"px");
     })
});
</script>

层:

 程序代码
<div id="contentwrap"></div>


注:jQuery可以引自Google API,加载速度、缓存都很不错,得益于Google的分布式网络,不放演示了,PjBlog的UBB运行代码能力有限~~:
 程序代码
<script type="text/Javascript" src="http://Ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>

Tags:jQuery Div 页面

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接