图片随窗口缩放

背景模式:

<img  src=”02.jpg”  width=100%  height=100%  style=”position:absolute;top:0;left:0;z-index:-1″>

第2种模式:

&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “<a href=”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>”&gt;
&lt;html xmlns=”<a href=”http://www.w3.org/1999/xhtml”>http://www.w3.org/1999/xhtml</a>”&gt;
&lt;head&gt;
&lt;meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /&gt;
&lt;title&gt;21&lt;/title&gt;
&lt;style type=”text/css”&gt;
&lt;!–
body {
font-size: 12px;
text-align: center;
margin: 0;
padding: 0;
}
#pic {
margin:0 auto;
padding:0;
}
#pic img {
max-width:70%;
mywidth:expression(onload=function() {
this.style.width=(this.offsetWidth &gt;document.getElementById(“pic”).scrollWidth*8/10)? “80%”: “auto”
}
);
–&gt;
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=”pic”&gt;
&lt;img src=”02.jpg” alt=”21″ onload=”return imgzoom(this,600);” onclick=”javascript:window.open(this.src);” style=”cursor:pointer;”/&gt; &lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;