通过拖拽改变图片大小
【摘要】 <!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）