通过拖拽改变图片大小
【摘要】 <!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...
-
<!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>
文章来源: albertyang.blog.csdn.net,作者:Albert Yang,版权归原作者所有,如需转载,请联系作者。
原文链接:albertyang.blog.csdn.net/article/details/105284699
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)