网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料：

　

标题 jQuery实现对图片大小缩放
内容
    jQuery实现对图片大小缩放，具体代码如下：
    $(window).bind("load", function() {
    // IMAGE RESIZE
    $('#product_cat_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
    });
随便看

　

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

　

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间：2025/7/3 16:09:23