当前位置:首页 > 日记 > 正文

基于jQuery的等距缩放图像

基于jQuery的等距缩放图像
基于jQuery的图像大小调整

resize.js

复制代码代码如下所示:

$(窗口)Bind(加载

图像调整大小

$(# product_list IMG)。每个(函数(){)

VaR最大= 120;

VaR最大高度= 120;

var比率= 0;

var宽度= $(这个)。Width();

var高= $(这个)。Height();
如果(宽度>maxwidth){

比=最大 /宽度;

$(这个)。Css(宽度

美元(这个)。Css(高度

高度=高度*比率;

}

var宽度= $(这个)。Width();

var高= $(这个)。Height();

如果(高度大于最大高度){

比=最大高度/高度;

美元(这个)。Css(高度

$(这个)。Css(宽度

宽度=宽度*比率;

}

});

/ / $(# contentpage IMG)(显示);

图像调整大小

});
代码非常简单,易于使用,合作伙伴可以直接使用它。

相关文章

那IE9不支持HTML5的属性部分的原因

那IE9不支持HTML5的属性部分的原因

分析属性,属性,不支持,原因,电脑软件,本文主要介绍了为什么IE9不支持HTML5的一些性质,并有助于了解IE9和HTML5的应用。 本文较详细地分析为什么IE9不支持HTML5的特性的一部分,分享出来供大家参考。具体方法如下: 众所周知,在IE9,不支持离线HTML…

CSS中显示属性的详细解释

CSS中显示属性的详细解释

显示,解释,属性,详细,电脑软件,在一般的CSS布局中,我们常用的值是显示相应值的三个值的块,没有,和内联。在这里我们来了解和学习什么时间使用。在这里我们学习和理解div CSS显示通过CSS显示知识和例子。 首先,所有主流浏览器都支持显示属性。其…

HTML5的本地存储localStorage,sessi

HTML5的本地存储localStorage,sessi

遍历,操作,本地存储,电脑软件,sessionStorage,本文主要介绍了HTML5的本地存储localStorage,sessionStorage的基本用法,遍历操作,异常处理,等等。 在本地存储localStorage和sessionStorage使用API HTML5是相同的。不同的是,sessionStorage清空关…

CDR绘制一个浅蓝色宝马汽车

CDR绘制一个浅蓝色宝马汽车

绘制,浅蓝色,宝马汽车,电脑软件,CDR,本教程是介绍给一个朋友,使用CDR绘制一个浅蓝色宝马汽车。效果很好,虽然教程有点旧,但是很实用。推荐给你的朋友。 本教程介绍了一位朋友,介绍一种用CDR绘制浅蓝色宝马汽车的方法。这个教程有点旧,但确实是一…

使用路径来描述HTML5画布中的弧线

使用路径来描述HTML5画布中的弧线

描述,路径,弧线,电脑软件,本文主要介绍了使用HTML5画布进行路径描述的方法。本文演示了如何在HTML5画布中画一个完整的圆、半圆和圆弧,您需要的朋友可以参考一下。 这篇文章是由史提夫富尔顿杰夫富尔顿HTML5画布,2章,先进的路径方法,Arcs翻译; …

进口css和js文件在ThinkPHP模板的

进口css和js文件在ThinkPHP模板的

模板,文件,进口,方法,电脑软件,本文阐述了导入的CSS和JS文件在ThinkPHP模板的方法,分享给你参考。具体方法如下: 常见的方法 1。使用CSS链接 2。js使用SRC 使用TP自己的导入标签导入 进口test.js文件在js目录公用文件夹下,和进口标签可以…

日期格式化函数共享的Javascript实现

日期格式化函数共享的Javascript实现

函数,日期格式化,电脑软件,Javascript,由于在工作中频繁地格式化日期,所以有一种方便的调用方法,与后端不同,因此我们可以在日期对象原型中定义格式方法。 复制代码代码如下所示: 日期和时间格式方法原型增加 date.prototype.format =功能(fo…

Javascript实现列出数组中最长的连续数字

Javascript实现列出数组中最长的连续数字

数字,连续,组中,最长,电脑软件,原标题: 给定一个无序的整数序列,找到最长连续的数字序列。 例如: 给定{ 100, 4, 200,1, 3, 2 }, 最长连续数字序列是{ 1, 2, 3和4 }。 小碟子给的解决办法: 复制代码代码如下所示: 功能maxsequence(阵列、步…

PS图象处理软件天使在人造雾林

PS图象处理软件天使在人造雾林

图象,处理软件,天使,电脑软件,PS,本教程主要使用PS图象处理软件在迷雾森林合成的天使。教程不是很难。这是合成的基本方法。它主要是关于创造力和思想。你可以一起学习。 uff1a效应 使用的材料: 合成工艺: 隐藏在这篇文章中的内容需要在您…

PS图象处理软件设计美丽的长时间字

PS图象处理软件设计美丽的长时间字

字体,图象处理,软件设计,长时间,效果图,本教程介绍朋友如何使用PS图象处理软件设计美丽的长时间的字体签名的效果图,整体的字体设计很漂亮,喜欢的朋友们,让我们一起学习。 本教程介绍如何使用地图的朋友长时间的签名设计美丽的PS图象处理软件…

基本目标=控制链接的目标打开框架

基本目标=控制链接的目标打开框架

目标,控制,链接,框架,电脑软件,的基本链接的目标框架改变为新的页面,和_blank改变能改变的开放目标框架。以下是示例的摘要。 它是将基本链接的目标框架更改为新的页面打开。如果HTML、CSS和js不是很熟悉,不建议使用此方法而不是独立控件。 …

PS电子商务化妆面膜包装袋后期修订

PS电子商务化妆面膜包装袋后期修订

包装袋,后期,电脑软件,PS,本教程是给朋友PS详细分析化妆品包装袋面膜的后期图,很全面的教程很详细,对于新手来说,是值得学习的,推荐给朋友,爱可以跟着教程一起学习,希望本教程能帮到你。 本教程是朋友PS电化妆品面膜包装袋的详细分析,本教程晚图是…