关闭

关闭

关闭

封号提示

内容

首页 jquery实现图片按比例缩放示例

jquery实现图片按比例缩放示例.doc

jquery实现图片按比例缩放示例

yi婷婷t
2018-08-10 0人阅读 0 0 0 暂无简介 举报

简介:本文档为《jquery实现图片按比例缩放示例doc》,可适用于IT/计算机领域

jquery实现图片按比例缩放示例这篇文章主要介绍了通过jquery实现图片按比例缩放,需要的朋友可以参考下<html><title><title><head><head><style>thumbnail{overflow:hiddenwidth:pxheight:px}<style><scriptsrc="><script><scriptlanguage="javascript">$(function(){*图片不完全按比例自动缩小byzwwooooo*$('#contentdivthumbnailimg')each(function(){varx=填入目标图片宽度vary=填入目标图片高度varw=$(this)width(),h=$(this)height()获取图片宽度、高度if(w>x){图片宽度大于目标宽度时varworiginal=w,horiginal=hh=h*(xw)根据目标宽度按比例算出高度w=x宽度等于预定宽度if(h<y){如果按比例缩小后的高度小于预定高度时w=woriginal*(yhoriginal)按目标高度重新计算宽度h=y高度等于预定高度}}$(this)attr({width:w,height:h})})})<script><body><divid="content"><divid="thumbnail"class="thumbnail"><imgid="web"src="midlepng"><div><div><body><html>

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

评分:

/2

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部

举报
资料