<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="Js和CSS结合实现图片自动适应放大" id="card1">
<p> 游客</p><p>
标题:Js和CSS结合实现图片自动适应放大<br/>
正文:<br/>
先定义一下图片的样式：主要应用CSS的表达式expression方法，一般高版本或IE浏览器有保证；img {max-width:340px;CURSOR: hand;width:expression(onreadystatechange=function(){if(this.width&amp;gt;340)this.width=340;});ttt:expression(onclick=function(){window.open(this.src)})}接着定义JS：&amp;lt;!--var flag=false;function DrawImage(ImgD,FitWidth,FitHeight){   var image=new Image();   image.src=ImgD.src;   alert(image.width);   if(image.width&amp;gt;0 &amp;amp;&amp;amp; image.height&amp;gt;0){    flag=true;    if(image.width/image.height&amp;gt;= FitWidth/FitHeight){     if(image.width&amp;gt;FitWidth){       ImgD.width=FitWidth;     ImgD.height=(image.height*FitWidth)/image.width;     }else{     ImgD.width=image.width;       ImgD.height=image.height;     }     ImgD.alt=&amp;quot;点击图片放大(&amp;quot;+image.width+&amp;quot;&amp;times;&amp;quot;+image.heig<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=71&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=71&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=71&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=71&amp;Page=2">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=71">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=71">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>