jquery對div元素進行鼠標移動(稍稍修改下可以實現div跟隨鼠標)


/*
網上找了資料都是對於event.clientX和offset().left進行了計算,但是去掉了這個計算方式,直接使用當前坐標也一樣,效果都一樣不太好
strHeader:標題 jquery定位字符串
strForm:窗體 jquery定位字符串
*/
var isMove = false;
//var x = 0;
//var y = 0;
//var offx = 0;
//var offy = 0;
function movePage(strHeader,strForm) {
    $(strHeader).mousedown(
        function(event) {
            isMove = true;
            //x = event.clientX;
            //y = event.clientY;
            //offx = $(strForm).offset().left;
            //offy = $(strForm).offset().top;
        }
    );
    $(document).mousemove(
        function(event) {
            if(isMove) {
                $(strForm).css({
                   //'left': (event.clientX - (x-offx) ) + 'px',
                   //'top': (event.clientY - (y-offy) )  + 'px'
                    'left': (event.clientX - (0) ) + 'px',
                    'top': (event.clientY - (0) )  + 'px',
                });
            }
        }
    );
    $(document).mouseup(
        function() {
            isMove = false;
        }
    );

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM