jquery 插件 jquery.resizable.js 的使用实例

jQuery.resizable 是基于jQuery开发的一款插件, 为用户提供html dom resize 行为;

使用步骤

<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src=js/jquery.resizable.js></script>
<script type="text/javascript">
$(function() {
$("#e1").resizable( {
handles : "n,e,se,all",
helper : true,
helperStyle : {
"border" : "0px solid #888",
"border-bottom" : "5px solid #888"
},
maxHeight : 600,
maxWidth : 600,
minHeight : 10,
minWidth : 10,
onStartResize : function() {
},
onResize : function() {
},
onStopResize : function() {
}
});
$("#disabled").click(function() {
$("#e1").resizable('disabled');
});

});
</script>

完整的使用文档：点击下载