博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery中缩小图像的大小
阅读量:5792 次
发布时间:2019-06-18

本文共 607 字,大约阅读时间需要 2 分钟。

Jquery中缩小图像的大小(代码):

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<script type="text/javascript">

 function changeImg(objImg)

 {

     var most = 30;        //设置最大宽度

     if(objImg.width > most)

     {

         var scaling = 1-(objImg.width-most)/objImg.width;    

         //计算缩小比例

         objImg.width = objImg.width*scaling;

         objImg.height = objImg.height;            //img元素没有设置高度时将自动等比例缩小

   //objImg.height = objImg.height*scaling;    //img元素设置高度时需进行等比例缩小

     }

 }

 </script>

<body>

<p>

一幅图像:<img src="/i/eg_mouse.jpg" οnlοad="changeImg(this);";/>

</body>

</html>

    本文转自爱情89757 51CTO博客,原文链接:
http://blog.51cto.com/59465168/1835957
,如需转载请自行联系原作者
你可能感兴趣的文章
簡單分稀 iptables 記錄 udp 微軟 138 端口
查看>>
Java重写equals方法和hashCode方法
查看>>
Spark API编程动手实战-07-join操作深入实战
查看>>
H3C-路由策略
查看>>
centos 修改字符界面分辨率
查看>>
LNMP之Mysql主从复制(四)
查看>>
阅读Spring源代码(1)
查看>>
grep 命令
查看>>
JS二维数组的声明和使用
查看>>
v$archive_gap dg dataguard 断档处理 scn恢复
查看>>
问责IT风险管理:CIO需关注两个重点
查看>>
Winform打包发布图解
查看>>
PDF文件怎么编辑,超简单的方法
查看>>
EasyUI基础入门之Easyloader(载入器)
查看>>
Uva 839 Not so Mobile
查看>>
30款超酷的HTTP 404页面未找到错误设计
查看>>
程序猿必备 MyEclipse2013-2014系列
查看>>
java中ArrayList 、LinkList区别
查看>>
Spring ’14 Wave Update: Installing Dynamics CRM on Tablets for Windows 8.1
查看>>
利用rand7()构造rand10()
查看>>