jquery实现堆叠拼图式相册图片点击放大切换效果代码-html代码-BFW代码库

代码语言：html
代码描述：jquery实现堆叠拼图式相册图片点击放大切换效果代码。
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <style>
        * {
        margin: 0;
        padding: 0;
    }
    
    html {
        overflow: scroll;
        overflow-x: hidden;
    }
    
    body,html {
        width: 100%;
        height: 100%;
        font-family: '寰蒋闆呴粦', Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }
    
    body {
        background: url(//repo.bfw.wiki/bfwrepo/image/5f14d32694ad3.png) top center;
    }
    
    ul,ol {
        list-style: none;
    }
    
    img {
        display: block;
        border: none;
    }
    
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    .clearfix {
        display: inline-block;
    }
    
    * html .clearfix {
        height: 1%;
    }
    
    .clearfix {
        display: block
    }
    
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    
    .clearfix {
        display: inline-block;
    }
    
    * html .clearfix {
        height: 1%;
    }
    
    .clearfix {
        display: block
    }
    
    .banner {
        width: 100%;
        height: 100px;
        position: fixed;
        z-index: 1;
    }
    
    .jay {
        width: 263px;
        height: 200px;
        position: fixed;
        top: 6%;
        left: 10%;
        z-index: 0;
    }
    
    .container {
        width: 800px;
        height: 500px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -250px;
        margin-left: -400px;
        z-index: 2;
    }
    
    .content {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 3;
    }
    
    .content li {
        width: 160px;
        height: 100px;
        position: absolute;
        left: 42%;
        top: 160%;
        cursor: pointer;
        overflow: hidden;
        z-index: 9;
        background: #ffffff;
        box-shadow: 1px 1px 3px 0px #000000;
        transition: transform 1s;
        -0-transition: -o-transform 1s;
        -moz-transition: -moz-transform 1s;
        -webkit-transition: -webkit-transform 1s;
    }
    
    .content li span,.content li span a,.content li span img,.content li span strong {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    .content li span {
        position: relative;
    }
    
    .content li span a,.content li span strong {
        position: absolute;
        z-index: 10;
        display: none;
    }
    
    .content li span strong {
        left: 160px;
    }
    
    .content li span a img {
        z-index: 9;
    }
    
    .load {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 12;
    }
    
    .load span {
        display: block;
        width: 32px;
        height: 32px;
        background: #ffffff;
        padding: 10px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -21px;
        margin-top: -21px;
        border-radius: 10px;
        box-shadow: 1px 1px 2px #111111;
    }
    
    .left,.right {
        width: 94px;
        height: 120px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAB4CAYAAABIFc8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Q3REE0NkNGQjkxMTFFM0I4NUQ5RkJCNjYyMkFDQjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Q3REE0NkJGQjkxMTFFM0I4NUQ5RkJCNjYyMkFDQjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDRBODNFQzI4QzgxMUUzQTk1MUM2NjZGOUZDMUU3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENDRBODNFRDI4QzgxMUUzQTk1MUM2NjZGOUZDMUU3NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmdVM7wAABNgSURBVHja7J1djBvXdcfPkEPucrnfWml3tbIWUmQXhhyncGM0jqU2ffWbESBoArQwoJfmMW95CtKnAOmTgRYFDNiu/dKiQNA3Gy0MWUkEK/UXWqe2DEvWxo6+d7UfWu1ySc5H77k7s76+miFnyOFwOPz/oAGXu9SQvDP3P/9z7rl3DNd1yccwDArDf533GvWFJbGNia0iNlP5W/jOQBRmX33xlx+iGdLh3E9++tTKysoPl5eX/wmt0RWu8miJrSa2XbE1FS05EJ2RkRFqNBotNUfFiCNYxtdfUBZb9ZVXXnnqueee++uZmZnvlUqlR8RLyjhm3bO2tkZzc3NoCLT3YKqW6zaazeaXW1tbF954441/e+GFF/jiu8PClYpgaY5p7Iknnlg4f/78zw4dOvQ3rmMbjm0HvgHosAPdu0fz8/NkWxYaIwXuifY+gvZOFNaTQrFIRqHorq+v/+vzzz//9xcvXrzBjssXrbiCVYj7GdhZPf7440cvXbr0+uz09N9ajbrBBxliBQDQBYe1gTViemrqR2+++eZrp0+fXhR/Khlt3FEYBV8JI/x//wWTwln9fLRc+q5t42oEAGiPI7RCaMZ33nrrrZ+LpxP7shNftMwYzoopv/TSS08dmp35oS1CQNDTyxP/g3NN0Q2gvXsLa4bQjh+9/PLLr587d+7X4lciGmywtkRu9CghoeFt/NrJs2ee/TvHtjECCADowGnZxnefeebHnssqaIaoa8EyNMGqTk9P/xWaHQDQKdPTU6whY4q2RBatQoQw0Bcr3spTE5OTaHIAQKd4GlLSDFHiDovzXaVCsYBwEADQMZ6GsJ4UNbFqqy2FNu7K/7novdZEcwMAktAtJXqLbILaCZCav5KK2MtRFH3fHZZq5IL9tnAxaoX2TrkNUut/RW9zFJ1p2/hmRLEqeDsvdfrponz5YRQoCBLIwvmnPur9sEf9skjB+auWwhXHYRUofmU8OiYAGcYXoz6YBTUcjOywCiE7Im1HhmLhAAAgCYdVoIRHCSkgLAQAgG4JSrq3FS6zTSioF44WOg3thjmB3kmojKki6R+Hbtob53fr87mFYKma01FI2CrWLOCQAAASQDdEkTADdhL2PFa9RKfKe/G3F+nJbz1JkyioB/l0Fpnm/v379NH/fkRnzp5JKyykqOFgq5AwTAF77rAebG/TB+9/QIuLi3Ti5Am5wBcAoLfU63VaubZCt27dovreXloOK0yoQsNDs83OVOGSDqvXMf5YdYwqlTHa26vR5U8+oUNzc3T06FEqFvOZ72+Vw0LhaNrHwR26HBYv+XLz5k26t7Ymn4+Pj4u+Vkj8fI5oiNrmscw2YhW0854yOlqharUqnFVZngS7O7v06eXLNHf4MB05cgTJTQASEui7d+/S2uoqmWZJpmD4d/V6I9MXyShzAxO5C07URiiXS0K0RqTLYqV3HJf26nu0fm9dXgU4VJyemcEZBwbCKWeRzY0NGfoZRoGqwlGNjoxSoWAIt+VIQ9Bo1NP4Ph0ZIDPiDlNxV0yhUCCzVKKycFjl8v4NeEpCxEbKIzJMvHnzFq2uCuE6uijtKwAgGg8ePKBbov80m00aG6vIaEbtZ3wziKbVlH0wJboeJWwnXD2vw5J32hANxjmrkmmSwQJWNKkkRIyFq+wJ1xd/+ELmuzi/NciJedRhZeU4UG7rsDihznkqTq9UKqNUrU7TiIhiWKhKIhwsiEjGdRyZz+K+1813iVmHFRbJRZpLaIQoX+ouyz8BpFgJ0XIKwqoKy+oLF4eNI6OjVNut0dUrV2hqalo6rrwm5gHoBBYgdlRbW5vioj5K0zNCqIRIlcUF3hcq7jMsUpZl9Ws+YeIOKxGx6ubK5TeqU3RkI7OIlbjhhXjt1UeoVqvJxPyhQ3N0ZB6JeZAdp9yvz3L3zl26d29NRiSTU1M0KkRKCpXoM9yf/D4V1lf69H26HiXU3VXfKt39UPEgZPTcF+e7OL9VE2Hi1tYWbWys0/zCAs0gMQ+GkI2NDbpz+7boI0Uan5igymjFS6WURYRSlDc29ftRny/sHVUemHF33M8Y329kX7S48fkgNIVomSXzIDF/+9ZtWhuQxDzqsDJyHGiw67D8hDqHdnpCnXPBaQlVzDqsVs9jC1bQDjIxl1AXrqDEfL2+R19+8SVVKhU6unQUFfMgl8iE+o2bMi3CQsUXaD2hzuFfBhxVIi4rbC5h2JpYmYrxVeEKSsxzzM6J+c8//5wmJyZFqDgvw0gA+ugsEoGd1J3bd+j+9n0ZWbRKqHciVCnVYcXGjPkGmcxmt0/M12mvtkdXPvuMZmcPITEPBloYOaG+vn5vP6E+ORk7oZ4xh5WoYD3krrIc47dKzJdLZZmYX19fl1MSFhYX6PDhw5m9MqMOK/3jkPU6rNXVVZmf5XOaK9QrSp4qKwn1Dtsv8trucXJYA2FJgvJbxYJ/1TFkdeD29jZd/ewK/eHaCp169BTNzM6ix4LMsiEuslevXJVh4OTUJFWrY1QdG5O1iHwhznieKlGXZUYUp67nE6btFPwDx6LF7y0PqDeyyEO+/HsWro2NTcxNBP1yFtEES5yjfK7yogDy3PXO5f1z2uiJq+rjXMKu7przkFgNyrAvf07Hm27Am5wn1WiKTTw2G1SdGKcn//RbNCquUlkNCVHWkOqBoKyWNfC6cFyiw4NHfO7Kc9gsHbgqnyzkrbo8XxMrHB0oWKjkJoSqKWw0D/3u7e3JEUOu01pYXMxE/gqAqPCF9fTp0zKPxUvCsC447v55Lkt2OAfn5bBSnLycOnHH+DMdEga5qka9Qbu1XTnxk2u0vnHqlBxNgXMBgxISqszNzdHU1BRdv36dtja3qFltkm3ZB8n3pEYJs9o/4q7WkNmTxRcr3VWxUPH6PkeOzNPMLHJVYPDhC+6JEydoY32D7t69I1MdvHIJX6R1t5XhRHxHefGBr6IMclX1vbosYdh5sEOjlVHpqlAwCvIGX4AnJifoxo0btLmxSdXxKllN66DSfcBqsroWrMCRwqwkJVVXxZaYFx5Tc1WcnFxYWKCp6amBDCVQh9UPlz5462HxhXh5eVmGh3fu3JZuq2JVZM5rxKt6L5rpua2Y7Zd44ehAuCoWKs5V1Wq7tCNCwLGxMTq+fBzrY4GhgS/M4xPjcl4hi5el5LZYuAawAj7WXXP6rbyxXRXnqizbkmu+s01O6j0BSOv87hYWo2OPHKPt+9t0W7ithpbbiuO2Uv4+iS/glylXxRW/B7kqHgGs1ag6VqXlo8u5HtIFIAp8weZ81v5qo1uybsuqjB3ktjiMHNTcltmJcKQZ4/uuioXKsR1qNLlUgZPq+7kqW7iqpaUlWQWcpyszCkf7cRzyc19CFqOlY0u0s7MjhOsmNZuWzG1VeDoPT5bWpvQMitM0s3wCBbkqXnWBiz93d3dpYmJSTmLGygsABMMXch4l50nT94XbsppNGhXiZVds6bb8aWt+f8udw0pDeb+qqdrfZK6KHZXnqrjCd+nYMZlcz0r+AMChZRm+sPPEab4fIee2uE+x2+IJ1JzbYrjP+d8jhe/jhvw8WCGhH/7ZXPxp1GUj+rkqXlWRF9TP0x2gw0NCQllD6o6ecn2rer7Anzx5Ui6v5Lsty7JlbotDSO5z3Pe6Oef6GRK6Ac973ns49OOGrPO0GnEl4JE/HgFkHjl+vO+TlQEYZFhY5+fn5fQeLoFoNLZozBqTK/Xyuvb7Imaldp2IqylmxJ2mpqAsUhz68W2z+b0sYV2npqcPJivnzXGEOixC0j394zA87c1lDrwKBE+m3trcJFOEhfI29c19o9BpOyTUfl0tL6PuoOdHkxPqTK1QkwlDdlW4gQQAvYGNAC+zfP2P1+WIIqdg/D6YgrtKNCRM5A3iKi+Hf/xSjrV57fU8uiqQV4c2mPBo4clvnJRrxV+7do1qu7sDu1pD6p96Qqj9N5/8JlwVACnDBoGn+Pz+o99n9jNmbpTw209/G1dmwuTnfhyHvI8SRoGNQjd9MGb7xW7sQowdpzJKCAAA3TisVEcJh/HKHvIHwihh2scB7d2z8zkhMFMYANBXjUvaYX0tLOxcQHHlCjVSIb/3N5DOceiuvXGgWp3PYXqiNV7b/13A0QAADApmTHFy3U61y8WKCsFXgjaV7rhWpHgcumhvnN8tz+cIOhPpP5ptdvbQjOphH/ZN3kKjrCErxwFlDb07n5OKraOOEnY9NYeXhGn1Bf2lLdR1eeSKiHwyZPt2RQCEnt/ZF2mxcd/z+qAvvv7mr+Dbo74XW09ir9bgf6leqbLfMAcNJB5TXKMnOx3AE/BetDcIEhx3KNtb9inua+KRxYmfq+LE7WEofbAHYtWzUUL5+ZvNZs/v8feQaNHwhUbyyoe6oDQbfKjb2xelICeVdJvwYpyU0uRne2111Z1fWDDS6rRDnQtADgvt3e826QHr6+tsY62kQ8Ig+1a//PHHu4cPH67icPY4RJHrgfES0TYaI5X2ttHeKfHZp5/uiIdGrxyWOo+w9vbbb3/4zLPPnsXttHrcgRxbbPvLRYPeI+/KhPZO4bx26MKFC++KH3eogznKcUNC663z5//9zNkzZ86c/QsM2fUQXqaWD26Ky9UOeXvbaO8UuPjb37jnL1x4zQsJE3dYekmD88Ufr3/y6qv/8puZmdm/fPSxx3AEegQvU8tXe761Geg9zWYD7d1jrl65Qq+/9tp/Xb228n/U4eovUUNCR3kD69K77/3zP7744uL3f/CDx/78O8+gPqonHcgXrCYaI9ULBNo7aTh5/967/03/8atfXX7n3ff/gU9vzQglEhLqO/KFyxad6f6vL/3uF7W92rnfvfPOs3/29NPGKeG2ZmZm5E0ZQQKCZYkO5NjyEaQQEtoW2jvRC0CDNjc36NrVz+mD999zV1ZWzr/34f+8WK/XtzUDpOpLWwyv9sK3SIa3FbyNBY3vssjrFfNdS3l0cFxsU2KbENvk4vz8nxxfWvre+Hj10VLJnBK7QjYegCHHcdymZVmbtVrt4+u3bv3nl9dvcBj4QNn43n18t4uG57g4p2WrQuYG1FWECRZvRUWwymKreKLFgjXpCZa/sZCNeq8pK6Kn7veh98ZhBWDwIryQ31me8NQ9Eap7osTbjrdtKz/z7/cUwbKjCJapvKEREhI6ajjobU1lq3v7KdJXy9XogqWKIQAgP+Lli4ql6UJDe+67KMvTEjUsjJzHijpK6CiCpQpV2duHqYiVq4SUumsDAORTtCxNG3ynpQuXrYhWK6FyowiW7rTUTL6tvJnurlQ3ZXtuywgRKwgXAPkKDV3FzDQUwdrTxMt3WLZigBIZJVR34GgOy/Le3AwRq7ImWEFJeIgWAPkQKwoICRueWKmC1VRe40RwWJEFy3dZbkhIaCmiVVQES/17QROyAoQKgNwKl68PlhICqg5LDQ1txWElnsOiFiGhKkquJliG9neEhAAMR0joO6m6Fg42AwTLoZi1WFGT7q4mSk3PXTUVAXIDHBZ5ryNC4h2APIqWOkpo0cM57jB35cQINyMJlh4aqmGhHSBWbkhIqAqVAZcFQG7cVdignBoaqoWhlhYOxs5jxV0Pq5VokRLHQrAAGC7BchRBUp2W6ryckFAwUjgYJySkgNDQz1VZmmCZFJ5018UKwgXA4AmV/rMqRFZAeGhT62R7TxyWHhr6TssI+RJBxaM6ECwABlOwdG1QBcvRQkA9yd7R0jJxBKuVaOnC5ee+dMGCWAGQX9FytLCwnasiSqgOS/1QRos3UAXL8D6Y/5oCfZWI00ULQgVAfoTLf1Sr13VH1fHcwVaCpY4K6m4pyGEZmrsyAl5rKK814LAAyJ3DUnXB1qIuXbTCbsqcaOFomI1ThcgJED6njbuCYAEw2ILlBoSEulhFFa2uQsIo4qUrK2khoS5aBJcFQO7cFSkhodtCrMJGBt0WYWZswQqaV6iHhGGrOxhtQkIIFgCDLVhErSsIgpxVzxyWKlYUIlrUQoj0glEIFgD5FqygCoJ24WBiy8sYbZSU6OH8le6ugqrcIVoA5EOs1N8HjQhGDQs7dlhhQkX09VUZCppwqa8ttBAqiBMA+RSxMLGKmmxPbGqOEfLhdMFS66/irDQKEQNg8B2WLkxhzqpdPVbXqzXoO9GdlqP9PqyUAU4LgHw6K2ohTPpjV5hthCrouVqqoIqWQQ8XnrYTKQgXAIPtsoLCQgpwW1FLGxIJCYMclipgrZLsECoAhkO44mxxws7IgtVuh2F5K1XUIFgA5FusKMAxOSFCFhRKdhUS6mGgPsdQfwOHguceImcFwHCJWFA+i9r8HIs4Sfcg0TJCXFdQGAkAGB7BaiVkHYWDcUPCVk5LDQl1sQv7MBAxAPITEsYRrlY/JyZY1CIsVOcb6qUQRjeKCgAYSJcV9nNX/d6M+CGMCKFinH0AAPLpuFo97+jGE504rLAQz4jxpi5EC4ChCw8TjabMDj5cWG7KiPElIFwA5FOoor625zehSNJBIX8FwPAJWU+m5nQjTK0+EFwVAMPrthIxKWYCHxKuCgCQCkmEhKixAgCkYk4M14XxAQAMBgU0AQAAggUAABAsAAAECwAAIFgAAADBAgBAsAAAAIIFAAAQLAAABAsAADLF/wswAO0mA8G7xPWBAAAAAElFTkSuQmCC);
        cursor: pointer;
        position: fixed;
        top: 50%;
        margin-top: -35px;
        opacity: 0.8;
        filter: alpha(opacity=90);
        z-index: 99;
    }
    
    .left {
        background-position: -206px 0;
        left: 0px;
        margin-left: -95px;
    }
    
    .right {
        background-position: 0px 0;
        right: 0px;
        margin-right: -95px;
    }
    
    .zs {
        width: 1301px;
        height: 106px;
        position: fixed;
        top: 0px;
        left: 50%;
        margin-left: -650px;
        z-index: 99999;
    }
    
    .g {
        width: 334px;
        height: 370px;
        position: fixed;
        bottom: 5%;
        right: 5%;
    }
    </style>
</head>

<body>
    <div class="g"><img src="//repo.bfw.wiki/bfwrepo/icon/5d834e7ee3796.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_500,h_400,/quality,q_90" /></div>
    <div class="banner"></div>
    <div class="jay"><img src="//repo.bfw.wiki/bfwrepo/icon/5d834e90b5b5e.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_500,h_400,/quality,q_90" /></div>
    <div class="left"></div>
    <div class="right"></div>
    <div class="load"><span><img src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif" /></span></div>
    <div class="container">
        <ul class="content">
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
            <li><span><a></a><strong></strong><img src="" /></span></li>
        </ul>
    </div>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.17.js"></script>
    <script>
        var ImgUrl = ["//repo.bfw.wiki/bfwrepo/image/5d653bd0990d0.png?x-oss-process=image/auto-orient,1/resize,m_.........完整代码请登录后点击上方下载按钮下载查看