我一直在摆弄 jquery resize,尽管我似乎无法获得所需的效果。
基本上,我有一个菜单,我想用一个浮动到菜单右侧的按钮来调整它的大小,一旦拖动它就会调整菜单的大小,如果可能的话,我还想限制调整大小!
请帮忙?这是我到目前为止所拥有的:(
http://jsfiddle.net/shannonhochkins/uGtat/
多谢你们!
我一直在摆弄 jquery resize,尽管我似乎无法获得所需的效果。
基本上,我有一个菜单,我想用一个浮动到菜单右侧的按钮来调整它的大小,一旦拖动它就会调整菜单的大小,如果可能的话,我还想限制调整大小!
请帮忙?这是我到目前为止所拥有的:(
http://jsfiddle.net/shannonhochkins/uGtat/
多谢你们!
文档
http://jqueryui.com/demos/draggable/
jQuery
$('#drag').disableSelection().draggable({
axis: "x",
containment: "parent",
drag: function(event, ui) {
$('#menu').width($(this).offset().left);
},
stop: function(event, ui) {
$('#menu').width($(this).offset().left);
}
});
CSS
#parent {
position: relative;
width: 300px;
height: 70px;
background: #ccc;
}
#drag, #menu {
position: absolute;
height: 70px;
width: 30px;
background-color: green;
}
#drag {
width: 15px;
background-color: red;
left: 30px;
cursor: pointer;
}
小提琴