• jquery控制图片按比例缩放


    $(function() {
            
    var boxWidth = 675;
            
    var boxHeight = 450;
            
    var imgWidth = $("#img1").width();
            
    var imgHeight = $("#img1").height();
            
    //比较imgBox长宽比img长宽比
            if ((boxWidth / boxHeight) >= (imgWidth / imgHeight)) {
                
    //重新设置imgwidthheight
                $("#img1").width((boxHeight * imgWidth) / imgHeight);
                $(
    "#img1").height(boxHeight);
                
    //让图片居显示
                var margin = (boxWidth - $("#img1").width()) / 2;
                $(
    "#img1").css("margin-left", margin);
            }
            
    else {
                
    //重新设置imgwidthheight
                $("#img1").width(boxWidth);
                $(
    "#img1").height((boxWidth * imgHeight) / imgWidth);
                
    //让图片居显示
                var margin = (boxHeight - $("#img1").height()) / 2;
                $(
    "#img1").css("margin-top", margin);
            }
        });
  • 相关阅读:
    orcal中创建和删除表空间和用户
    tomcat常用的优化和配置
    tomcat中如何禁止和允许主机或地址访问
    velocity生成静态页面代码
    java下载文件
    java上传文件
    数据库行列转换
    JDBC连接数据库详解
    java中插入myslq的datetime类型的
    简单的邮件发送mail.jar
  • 原文地址:https://www.cnblogs.com/pipizhu/p/1629686.html
Copyright © 2020-2023  润新知