用Javascript和CSS让DIV中的图片居中

内容摘要

这个也是一种让图片在屏幕中居中的方法，用于IE6、Firefox和Opera下都有效！

文章正文

这个也是一种让图片在屏幕中居中的方法，用于IE6、Firefox和Opera下都有效！

代码如下：

<html> <body onresize="myLoad()" onload="myLoad()"> <div id="xuanma" style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px"> <img id="ximage" src="yah/GroupImages/060823nhp1.jpg"/> </div> <SCRIPT language="javascript" type=text/javascript> function myLoad() { document.getElementById('xuanma').style.top= document.body.clientHeight/2-document.getElementById('ximage').height/2; document.getElementById('xuanma').style.left= document.body.clientWidth/2-document.getElementById('ximage').width/2; } </SCRIPT> </body> </html>

相关资料：

代码注释

上一篇一个支持IE和Firefox的日历选择器下一篇一个非常好的表单验证类：番茄表单验证类

作者：喵哥笔记

学的不仅是技术，更是梦想！