网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
css+js完美控制图片大小
(编辑：jimmy 日期: 2025/10/27 浏览：
2
)
使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>css+js完美控制图片大小</title> <style type="text/css"> </style> </head> <body> <ul class="jobGroup"> <li><p><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/baidu_logo.gif');"><img src="/UploadFiles/2021-04-02/baidu_logo.gif" alt="css+js完美控制图片大小" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></p> </li> </ul> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
获取 textarea 标签第n行的文字的js代码
下一篇：
IE8 下的Js错误HTML Parsing Error...
首页
音乐
电影
资源