zoukankan      html  css  js  c++  java
  • 通过拖拽改变图片大小

    <!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 {
                     100px;
                    height: 100px;
                    background: #ccc;
                    margin: auto;
                }
    
                #resizable img {
                    height: 100%;
                     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>
  • 相关阅读:
    Java程序员面试宝典
    毕设进度19
    毕设进度18
    毕设进度17
    毕设进度16
    毕设进度15
    毕设进度14
    毕设进度13
    css笔记
    14.10源
  • 原文地址:https://www.cnblogs.com/yangxianyang/p/13675569.html
Copyright © 2011-2022 走看看