当前位置：首页 → 问答吧 → 遍历的问题

遍历的问题

时间：2010-05-12

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>遍历的问题</title> <style type="text/css"> </style> </head> <body> <div id="all_img"> <img src="http://www.baidu.com/img/baidu_logo.gif" id="img1"/> <img src="http://www.baidu.com/img/baidu_logo.gif" id="img1"/> <img src="http://www.baidu.com/img/baidu_logo.gif" id="img1"/> </div> <script type="text/javascript" language="javascript"> window.onload=function(){ i=document.getElementById("img1"); var ow = i.width; var oh = i.height; var rw = 100/ow; var rh = 100/oh; var r = Math.min(rw,rh); i.width = ow * r; i.height = oh * r; } </script> </body> </html>
提示：您可以先修改部分代码再运行

如何才能将效果用到每个图片上。

作者: wheremoon 发布时间: 2010-05-12

我不知道有什么效果？

作者: EvenChen 发布时间: 2010-05-12

<img src="http://www.baidu.com/img/baidu_logo.gif" id="img1"/>
<img src="http://www.baidu.com/img/baidu_logo.gif" id="img1"/>
<img src="http://www.baidu.com/img/baidu_logo.gif" id="img1"/>

ID都一样.....

作者: 8yong8 发布时间: 2010-05-13

不知道楼主想要告诉我们一些什么？

作者: AyumiHamasaki 发布时间: 2010-05-13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>遍历的问题</title> <style type="text/css"> </style> </head> <body> <div id="all_img"> <img src="http://www.baidu.com/img/baidu_logo.gif" id="img1"/> <img src="http://www.baidu.com/img/baidu_logo.gif" id="img2"/> <img src="http://www.baidu.com/img/baidu_logo.gif" id="img3"/> </div> <script type="text/javascript" language="javascript"> window.onload=function(){ for(var i=1; i<4; i++){ var img=document.getElementById("img"+i); var ow = img.width; var oh = img.height; var rw = 100/ow; var rh = 100/oh; var r = Math.min(rw,rh); img.width = ow * r; img.height = oh * r; } } </script> </body> </html>
提示：您可以先修改部分代码再运行

作者: faeng220 发布时间: 2010-05-13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>遍历的问题</title> <style type="text/css"> </style> </head> <body> <div id="all_img"> <img src="http://www.baidu.com/img/baidu_logo.gif" /> <img src="http://www.baidu.com/img/baidu_logo.gif" /> <img src="http://www.baidu.com/img/baidu_logo.gif" /> </div> <script type="text/javascript" language="javascript"> window.onload=function(){ var io = document.getElementById("all_img").getElementsByTagName("img"); var ioLen = io.length; for(var i=0; i<ioLen; i++){ var img=io[i]; var ow = img.width; var oh = img.height; var rw = 100/ow; var rh = 100/oh; var r = Math.min(rw,rh); img.width = ow * r; img.height = oh * r; } } </script> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 hebin0432 于 2010-5-13 12:20 编辑 ]

作者: hebin0432 发布时间: 2010-05-13

多谢版主~ 多谢6楼的朋友。

-