css+js完美控制图片大小

时间：2021-08-18 08:16:42|栏目：JavaScript代码|点击：次

使用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> <script type="text/javascript" language="JavaScript">  </script> <style type="text/css">  </style> </head> <body> <ul class="jobGroup">     <li><a href="https://www.jb51.net"><div class="group_head"><p><img width="400" height="400" src="http://www.baidu.com/img/baidu_logo.gif" onload="DrawImage(this);"/></p></div></a>          </li>                </ul> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：JS用斜率判断鼠标进入DIV四个方向的方法

栏目：JavaScript代码

下一篇：ajax 检测用户名是否被占用

本文标题：css+js完美控制图片大小

本文地址：http://www.codeinn.net/misctech/167916.html

更多JavaScript代码

JavaScript代码

css+js完美控制图片大小

阅读排行

推荐教程