关闭

关闭

关闭

封号提示

内容

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

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

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

yi婷婷t 2018-08-10 评分 0 浏览量 0 0 0 0 暂无简介 简介 举报

简介:本文档为《jquery实现图片按比例缩放示例doc》,可适用于IT/计算机领域,主题内容包含jquery实现图片按比例缩放示例这篇文章主要介绍了通过jquery实现图片按比例缩放,需要的朋友可以参考下<html><title><title>符等。

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)

0/200

精彩专题

上传我的资料

每篇奖励 +1积分

资料评分:

/2
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部

举报
资料