比较完善的拖动案例

    //点击弹出提交应用
    function drag(obj){
        var odiv=$(obj);
        var drag_zoom=odiv.find(‘.pop-top‘);

        //拖动
        drag_zoom.mousedown(function(e){
            var odiv_L=$(this).offset().left;
                odiv_T=$(this).offset().top;
                onow_L=e.pageX-odiv_L;
                onow_T=e.pageY-odiv_T;
            $(document).mousemove(function(e){
                var X=e.pageX-onow_L;
                    Y=e.pageY-onow_T;
                if(X<=0){
                    X=0;
                }else if(X>=$(window).width()-odiv.outerWidth(true)){
                    X=$(window).width()-odiv.outerWidth(true)
                };
                if(Y<=0){
                    Y=0;
                }else if(Y>=$(window).height()-odiv.outerHeight(true)){
                    Y=$(window).height()-odiv.outerHeight(true)
                };
                odiv.css({‘left‘:X+‘px‘,‘top‘:Y+‘px‘});

                if(window.getSelection){//解决拖动时选中文字
                    window.getSelection().removeAllRanges(); //w3c
                }else  if(document.selection){
                    document.selection.empty();//IE
                };
            });
            $(document).mouseup(function(){
                $(this).unbind(‘mousemove‘);
            });
        });
    };
    drag(‘.pop-div‘);
时间: 2024-11-05 16:08:01

比较完善的拖动案例的相关文章

纯J拖动案例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0;} .nav{ height:30px; background: #036663; border-bottom:1px solid #369; line-height:

腾讯游戏分享汇:天天飞车六大研发经验

<ignore_js_op> 序言:转型手游,问题比想象要复杂.一些问题是研发阶段就能预见的,但是有些问题上线后才发现远超出我们的想象. 从端游转型做手游变化远没有想象简单 可能和公司内很多手游研发团队一样,我们也是从传统PC端游转型做手游的. 我们一度认为手游研发会比较轻松,技术上跟端游比起来相对容易, 人力上也不需要太多投入.但真正开始做之后才发现无论技术还是产品各方面远没有我们想象的简单,好在我们的核心成员都有多年的端游开发经历,不光有相应的技术和经验积累,还养成了一些好的工作习惯及方法

爬虫框架Scrapy之Item Pipeline

Item Pipeline 当Item在Spider中被收集之后,它将会被传递到Item Pipeline,这些Item Pipeline组件按定义的顺序处理Item. 每个Item Pipeline都是实现了简单方法的Python类,比如决定此Item是丢弃而存储.以下是item pipeline的一些典型应用: 验证爬取的数据(检查item包含某些字段,比如说name字段) 查重(并丢弃) 将爬取结果保存到文件或者数据库中 编写item pipeline 编写item pipeline很简单

Ngnice-国内ng学习网站

今天给angular新手介绍一个国内开源的ng学习网站http://www.ngnice.com/这是由一批ng爱好者在雪狼大叔的带领下共同开发完成,致力于帮助更多的ng新人,他们分别是: ckken,grahamle,NigelYao,asnowwolf,lightma,joeylin,FrankyYang,lrrluo, why520crazy,破狼,二当家, Ken, zxsoft, why520crazy, playing,天猪.jacobdong.以及一批后加入或审校未记名的社区爱好者

H3C企业有线无线一体化网络搭建

用户需求: 某公司的分支机构企业办公网的搭建,其中涉及到有线网络部分和无线网络部分,做为总公司的接入层连接到总公司的核心交换机上,有线网络采用手动配置IP地址方式,无线部分由总部DHCP来分配IP地址. 网络拓扑: 配置思路: 如拓扑所示,首先,将分支机构的网络按照部门划分VLAN,交换机之间配置trunk接口,将核心交换机上联接口同样配置trunk,并且允许底下所有的VLAN接口通过:其次,配置无线网络,将无线AP在无线控制器AC上注册,然后在AC上配置无线模板,并且做DHCP中继(由总部分配

JavaScript中事件回顾

事件其实在第一次学习JavaScript的时候就接触了,一行非常简单的代码 alert('Hello JavaScript!!!')就诠释了什么是事件.事件是什么呢?事件在基于浏览器编程的语言JavaScript中是一个非常非常重要的方法,遍地都是这种语法.什么是事件呢?在JavaScript中事件可以理解为发生的一件事情,事件这个对象记录了这个过程中所有的数据. 1.事件的兼容性处理 准所周知,现在很多浏览器中分为标准浏览器阵营Chrome.FireFox等,非标准浏览器就是IE为代表了,在写

4.4. Item Pipeline管道文件

一:Item Pipeline 当Item在Spider中被收集之后,它将会被传递到Item Pipeline,这些Item Pipeline组件按定义的顺序处理Item. 每个Item Pipeline都是实现了简单方法的Python类,比如决定此Item是丢弃而存储.以下是item pipeline的一些典型应用: 验证爬取的数据(检查item包含某些字段,比如说name字段) 查重(并丢弃) 将爬取结果保存到文件或者数据库中 二:编写item pipeline 编写item pipelin

Django2.1视频教程

课程名称:超细讲解Django打造大型企业官网课程类型:Python3.7, Django2.1课程数量:334集课程代码:有总共大小:44.5 GB共享连接:链接:https://pan.baidu.com/s/1WMqpupMC75NGi6pFV3x0xA 提取码:1rv6课程目录:001.[虚拟环境]为什么需要虚拟环境.mp4 002.[虚拟环境]virtualenv创建虚拟环境.mp4 003.[虚拟环境]virtualenvwrapper使用.mp4 004.[Django预热]URL

前后端分离开发与跨域问题

前后端分离 传统开发方式 曾几何时,JSP和Servlet为Java带来了无限风光,一时间大红大紫,但随着互联网的不断发展,这样的开发方式逐渐显露其弊端,在移动互联网炙手可热的今天,应用程序对于后台服务的要求发生了巨大的变化; 传统的项目开发与交互流程: 在传统的web开发中,页面展示的内容以及页面之间的跳转逻辑,全都由后台来控制,这导致了前后端耦合度非常高,耦合度高则意味着,扩展性差,维护性差,等等问题 传统开发的问题如下: 耦合度高 调试麻烦,出现问题时往往需要前后台一起检查 开发效率低,前