Home > Article > Web Front-end > 网页里控制图片大小的相关代码_JavaScript
网页里控制图片大小的相关代码_JavaScript
- WBOYOriginal
- 2016-05-16 19:29:231018browse
１、用鼠标拖动来改变大小
２、用鼠标滚动控制图片大小
３、图片标签里用代码控制大小
经测试这里需要修改一下，不然刷新网页时图片会显示原始大小。
４、CSS控制图片大小
1. css2直接实现: img{max-width: 500px;} (IE暂不支持)
2. expression实现: img{width:expression(width>500?"500px":width);} (IE only)
3. 使用js. 方法: 用 document.getElementsByTagName("IMG") 的方法取得全部img元素 遍历img元素 判断其宽度并做相应操作
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：用 或 || 来兼容FireFox_JavaScriptNext article：javascript 动态添加表格行_JavaScript