• 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;
            }
        );
    
    }
  • 相关阅读:
    从输入网址到页面呈现的过程
    Git 常用命令合集
    Jquery浅克隆与深克隆
    CSS变量教程
    设计模式
    Servlet和JSP简述
    SQL Server,MySQL,Oracle三者的区别
    mysql事务处理
    计时器
    java中length,length(),size()区别
  • 原文地址:https://www.cnblogs.com/kusy/p/9584577.html
Copyright © 2020-2023  润新知