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>

完整的使用文檔：點擊下載

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈