jquery 插件之resizable

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> 

效果及文档:

 

附件提供了完整的使用文档

下载地址:https://files.cnblogs.com/fvie/resizable.rar

posted @ 2010-03-10 16:05  fvie  阅读(807)  评论(1)    收藏  举报