请使用firefox,chrome等最新浏览器浏览本站。

dragable/resizable(拖拽/平移面板)

js+jquery 阿豹 307次浏览 0个评论 扫描二维码

查看demo
下载resizable.js

参数说明:
* @param resizable: true,//是否允许拖拽 
* @param resizableId: "u-resizable",//拖拽元素ID 
* @param drag: true,//是否允许平移 
* @param dragId: "u-resizable",//平移元素ID 
* @param width: 400,//元素初始宽度 
* @param height: 200,//元素初始高度 
* @param minWidth: 400,//元素最小宽度 
* @param minHeight: 200,//元素最小高度 
* @param maxWidth: 400,//元素最大宽度
* @param minHeight: 200,//元素最大高度

调用:

<div class="u-resizable" id="u-resizable">
    <div class="u-resizable-title" id="u-resizable-title">panel</div>
</div> 
<script>
var _resizable = new Resizable({
    resizable : true,
    resizableId: "u-resizable",
    drag : true,
    dragId : "u-resizable-title",
    width: 400,
    height: 200,
    minWidth: 100,
    minHeight: 100,
    maxWidth:800,
    maxHeight:600
});
</script>





喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到