css图片自适应大小


Posted in Javascript onNovember 28, 2007
function ReImgSize(){   
           for (j=0;j<document.images.length;j++)   
          {   
               document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;   
          }  
} 

       然后在body区域加上onload="ReImgSize()" 就可以了。经过测试,在Mozilla和IE上通过.。在这里补充一下关于图片的自适应,这点Mozilla做的比IE好,因为可以用CSS来控制图片的自适应。我们都知道Mozilla支持一个max-width 的CSS语法。于是我们这样这样定义图片的全局样式。
img{   
        max-width:100%;height:auto;   
} 
这样图片就回在div或table内自动适应其大小了. 
Javascript 相关文章推荐
javascript 拖放效果实现代码
Jan 22 Javascript
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
JavaScript 用cloneNode方法克隆节点的代码
Oct 15 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
jQuery使用post方法提交数据实例
Mar 25 Javascript
详解JavaScript数组的操作大全
Oct 19 Javascript
基于Bootstrap仿淘宝分页控件实现代码
Nov 07 Javascript
Node.js实现连接mysql数据库功能示例
Sep 15 Javascript
使用ajax的post同步执行(实现方法)
Dec 21 Javascript
Angular异步变同步处理方法
Aug 13 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
微信小程序拼接图片链接无底洞深入探究
Sep 03 Javascript
javascript下有关dom以及xml节点访问兼容问题
Nov 26 #Javascript
asp javascript 实现关闭窗口时保存数据的办法
Nov 24 #Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
Nov 24 #Javascript
用js查找法实现当前栏目的高亮显示的代码
Nov 24 #Javascript
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
Nov 23 #Javascript
document.designMode的功能与使用方法介绍
Nov 22 #Javascript
Flash+XML滚动新闻代码 无图片 附源码下载
Nov 22 #Javascript
You might like
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
js function定义函数的几种不错方法
2014/02/27 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
javascript模块化简单解析
2016/04/07 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
2016/05/11 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
2017/04/08 jQuery
js实现Tab选项卡切换效果
2020/07/17 Javascript
Vue加载json文件的方法简单示例
2019/01/28 Javascript
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
python爬虫基础教程:requests库(二)代码实例
2019/04/09 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
python try...finally...的实现方法
2020/11/25 Python
python自动化发送邮件实例讲解
2021/01/04 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
介绍一下Ruby的多线程处理
2013/02/01 面试题
外贸员简历中的自我评价
2014/03/04 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
倡议书的写法
2014/08/30 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
运动会通讯稿600字
2015/07/20 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
2015年秋季校长开学典礼致辞
2015/07/29 职场文书
如何写好开幕词?
2019/06/24 职场文书
python中requests库+xpath+lxml简单使用
2021/04/29 Python
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS