in差距详解,基于jquery实现等比缩放图片

basicAuth中间件为网站添加身份认证功能.在使用了该中间件后,

js中遍历数组的有两种方式

基于jquery的图片尺寸调整

用户访问网站时必须输入用户名与密码,在用户输入了用户名与密码并通过验证之后才能访问网站.

复制代码 代码如下:

resize.js

当用户输入的用户名和密码符合条件,中间件会返回true,允许用户访问网站.否则会返回false.不允许访问网站.

var array=[‘a’]
//标准的for循环
for(var i=1;i<array.length;i++){
    alert(array[i])
}
//foreach循环
for(var i in array){
    alert(array[i])
}

复制代码 代码如下:

复制代码 代码如下:

正常情况下上面两种遍历数组的方式结果一样。首先说两者的第一个区别

$(window).bind(“load”, function() {
    // IMAGE RESIZE
    $(‘#product_list img’).each(function() {
        var maxWidth = 120;
        var maxHeight = 120;
        var ratio = 0;
        var width = $(this).width();
        var height = $(this).height();
    
        if(width > maxWidth){
            ratio = maxWidth / width;
            $(this).css(“width”, maxWidth);
            $(this).css(“height”, height * ratio);
            height = height * ratio;
        }
        var width = $(this).width();
        var height = $(this).height();
        if(height > maxHeight){
            ratio = maxHeight / height;
            $(this).css(“height”, maxHeight);
            $(this).css(“width”, width * ratio);
            width = width * ratio;
        }
    });
    //$(“#contentpage img”).show();
    // IMAGE RESIZE
});

发表评论

电子邮件地址不会被公开。 必填项已用*标注

标签:
网站地图xml地图