Jquery:使用鼠标事件增加列宽

时间:2013-05-08 06:30:15

标签: jquery

是否可以使用JQuery通过MOUSE事件增加/减少表列的宽度。提前谢谢。

1 个答案:

答案 0 :(得分:1)

试用此代码

$(document).ready(function(){
$('#drag').on('mousedown', function(e){
    var $dragable = $(this).parent(),
        startWidth = $dragable.width(),
        pX = e.pageX;

    $(document).on('mouseup', function(e){
        $(document).off('mouseup').off('mousemove');
    });
    $(document).on('mousemove', function(me){
        var mx = (me.pageX - pX);
        //var my = (me.pageY - pY);

        $dragable.css({
            left: mx / 2,
            width: startWidth - mx,
            //top: my
        });
    });

});

});

See Demo

希望它能帮助你'