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