在
Jcrop,选择裁剪区域后,出现一个div,带有拐角处的手柄.
有没有可以建立这种类型的框柄的jQuery插件?
解决方法
您可以使用如上所述的jQuery UI可调整大小.我甚至为你设置了一个小提琴!
http://jsfiddle.net/digitalaxis/j2JU6/
jQuery的
$('#element').resizable({ handles: { 'ne': '#negrip','se': '#segrip','sw': '#swgrip','nw': '#nwgrip' } });
HTML
<div class="ui-resizable-handle ui-resizable-nw" id="nwgrip"></div> <div class="ui-resizable-handle ui-resizable-ne" id="negrip"></div> <div class="ui-resizable-handle ui-resizable-sw" id="swgrip"></div> <div class="ui-resizable-handle ui-resizable-se" id="segrip"></div>
CSS
#elementResizable { border: 1px solid #000000; width: 300px; height: 40px; overflow: hidden; } #nwgrip,#negrip,#swgrip,#segrip,#ngrip,#egrip,#sgrip,#wgrip { width: 10px; height: 10px; background-color: #ffffff; border: 1px solid #000000; } #segrip { right: -5px; bottom: -5px; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。