jQuery Div层在页面内默认绝对居中
2009-08-05 20:13:28 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鎯у⒔閹虫捇鈥旈崘顏佸亾閿濆簼绨绘い鎺嬪灪閵囧嫰骞囬姣挎捇鏌熸笟鍨妞ゎ偅绮撳畷鍗炍旈埀顒勭嵁婵犲嫮纾介柛灞捐壘閳ь剛鎳撻~婵嬪Ω閳轰胶鐤呯紓浣割儐椤戞瑩宕ョ€n喗鐓曟い鎰靛亝缁舵氨绱撻崘鈺傜婵﹤顭峰畷鎺戔枎閹搭厽袦婵犵數濮崑鎾绘⒑椤掆偓缁夌敻骞嗛悙鍝勭婵烇綆鍓欐俊鑲╃磼閹邦収娈滈柡灞糕偓鎰佸悑閹肩补鈧尙鏁栧┑鐐村灦閹稿摜绮旈悽绋课﹂柛鏇ㄥ灠閸愨偓濡炪倖鍔﹀鈧繛宀婁邯濮婅櫣绱掑Ο璇茶敿闂佺ǹ娴烽弫璇差嚕婵犳碍鏅插璺猴工瀹撳棝姊虹紒妯哄缂佷焦鎸冲畷鎴﹀箻鐠囧弶宓嶅銈嗘尰缁嬫垶绂嶉悙顒佸弿婵☆垳鍘ф禍楣冩倵濮樼偓瀚�

核心提示:代码 程序代码<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>
[]
更多精彩
赞助商链接