当前位置: 首页 > 图文教程 > 网络编程 > Javascript > css+js完美控制图片大小

Javascript
JavaScript中的Navigator浏览器对象
JavaScript中的Screen屏幕对象
JavaScript中的Window窗口对象
JavaScript中的History历史对象
JavaScript中的Location地址对象
JavaScript中的Document文档对象
JavaScript中的事件处理
JavaScript中的对象化编程
JavaScript框架编程
JavaScript的Cookies
JavaScript表单常用验证集合
javascript 实现的多浏览器支持的贪吃蛇webgame
表现、结构、行为分离的选项卡效果
用JavaScript 判断用户使用的是 IE6 还是 IE7
msn上的tab功能Firefox对childNodes处理的一个BUG
jquery 插件 人性化的消息显示
零基础学JavaScript最新动画教程+iso光盘下载
用jQuery实现检测浏览器及版本的脚本代码
在Javascript类中使用setTimeout
Javascript 写的简单进度条控件

Javascript 中的 css+js完美控制图片大小


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 326 ::
收藏到网摘: n/a

在做网站的时候,往往图片的处理很重要,固定尺寸容易变形拉伸,不固定又会有不可预知的问题,有可能撑开页面。 使用js和css讲图片的现实控制在固定的区域内,大于这个区域的等比例缩放,小于这个区域的居中显示。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]