jQuery点击放大缩小图片尺寸的方法

本文介绍了使用jQuery进行图片尺寸操作的方法,包括获取和设置图片的高度和宽度,以及如何实现图片的放大和缩小功能。在放大时,通过增加宽度并根据比例调整高度;在缩小过程中,减少宽度并按比例计算新的高度。注意在使用前需引入jQuery库。
摘要由CSDN通过智能技术生成

一.尺寸方法

a).获取方法

.height( ) 获取到高度

.width( )获取到宽度

b).设置方法

.height(‘值’ ) 设置高度

.width(‘值’ )设置宽度

二.放大图片尺寸

a).公示

1.新宽=先给原宽度增加5PX

2.新高=(新宽*原高)/原款=宽

b).案例

注意:请先引入jq后再使用

<img src="img/id.jpg" alt="" width="400" height="300"> <!-- 先插入一个图片并给其设置高宽 -->
<br><br>
<input type="button" 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值