文档章节

24行代码,让你的网页元素任意放大、缩小、拖拽、移动

黄复得
 黄复得
发布于 2014/06/08 12:34
字数 90
阅读 1622
收藏 35

基于JQuery:

$(document).mousemove(function(e) {
    if (!!this.move) {
        var posix = !document.move_target ? {'x': 0, 'y': 0} : document.move_target.posix,
            callback = document.call_down || function() {
                $(this.move_target).css({
                    'top': e.pageY - posix.y,
                    'left': e.pageX - posix.x
                });
            };
 
        callback.call(this, e, posix);
    }
}).mouseup(function(e) {
    if (!!this.move) {
        var callback = document.call_up || function(){};
        callback.call(this, e);
        $.extend(this, {
            'move': false,
            'move_target': null,
            'call_down': false,
            'call_up': false
        });
    }
});



在线演示,原理分析,请查看   http://levi.cg.am/?p=3486

本文转载自:http://levi.cg.am/?p=3486

共有 人打赏支持
黄复得

黄复得

粉丝 14
博文 52
码字总数 6032
作品 0
福州
高级程序员
加载中

评论(2)

巫云
巫云
这个做示例不错,一般干活中还是用jquery ui的库吧,兼容性好一些
徐贺年
徐贺年
好东西!学习了
百度地图新手教程7(转载自百度)

工具 1.地图工具概述 2.向地图添加工具 3.通过按钮控制工具的开启和关闭 4.拉框放大工具 地图工具概述 提示:工具已经制作成开源库(lib)对外免费开放,可直接访问JavaScript 开源库。若您需...

长平狐
2013/01/06
1K
0
sonyvegas基本操作及快捷键

sonyvegas基本操作 魅力网络今天用vegas处理音频,把音频就行分割合并,用到的快捷有S 截断 M 打点 G 组合 U 解组 音频变速:右击属性,选典型 自己手动填需要加长到的时间。 分割视频 :U键...

yeybz
06/28
0
0
通用仪表盘Dashboard的简单实践

前言 在这个大数据的时代里,数据为王,系统能实时展示各种数据显得尤为重要,所以仪表盘便成为每个系统的标配。 背景 我们都知道大部分前端框架都提供了各种丰富的仪表盘,但有几点不能满足...

邵磊
07/24
0
0
15款提高表格操作的jQuery插件

table表格由于它的浏览器兼容性和复杂的标签嵌套方式,可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替换为div,主要就是因为div要比table更容易添加CSS样式。但是...

鉴客
2010/08/12
5.6K
1
【作图】origin制作图中图

在origin里曲线做好,想局部放大,并把局部放大的部分同样放在这个曲线图里,如何操作? origin里有一种zoom的图,即所说的局部放大,已经做好曲线的话,可以先点击放大工具(就是工具栏里的...

ztf312
03/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Bash重定向详解

Bash重定向详解 Bash的重定向指的是将命令的输入和输出导向不同地方,而不是默认的标准输入、标准输出和标准错误。Bash的重定向实际上是对标准输入、标准输出和标准错误的重置,进而将所需输...

小陶小陶
今天
3
0
EventBus原理深度解析

一、问题描述 在工作中,经常会遇见使用异步的方式来发送事件,或者触发另外一个动作:经常用到的框架是MQ(分布式方式通知)。如果是同一个jvm里面通知的话,就可以使用EventBus。由于Event...

yangjianzhou
今天
6
0
OpenCV图像处理实例:libuv+cvui显示摄像头视频

#include <iostream>#include <opencv2/opencv.hpp>#define CVUI_IMPLEMENTATION#include <cvui.h>extern "C"{#include <uv.h>}using namespace std;#define WINDOW_NAM......

IOTService
今天
3
0
openJDK之JDK9的String

1.openJDK8的String 先来看下openJDK8的String的底层,如下图1.1所示: 图1.1 底层上使用的是char[],即char数组 每个char占16个bit,Character.SIZE的值是16。 2.openJDK9中的String 图2.1...

克虏伯
今天
4
0
UEFI 模式下如何安装 Ubuntu 16.04

作者:知乎用户 链接:https://www.zhihu.com/question/52092661/answer/259583475 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 针对UEFI模式下安装U...

寻知者
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部