通过拖拽改变图片大小

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>通过拖拽改变图片大小</title>
        <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
        <style>
            #resizable {
                width: 100px;
                height: 100px;
                background: #ccc;
                margin: auto;
            }

            #resizable img {
                height: 100%;
                width: 100%;
            }
        </style>
        <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    </head>
    <body>
        <div id="content">
            <div id="resizable">
                <img src="img/national.7c84175e.png" />
            </div>
        </div>


        <script>
            $("#resizable").resizable();
        </script>

    </body>
</html>

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__0809 返回首页