sponsored links

Draggabilly – 轻松实现拖放功能(Drag Drop)

  Draggabilly 是一个很小的 JavaScript 库,专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器,支持多点触摸。可以灵活绑定事件,支持 RequireJS 以及 Bower 安装。

您可能感兴趣的相关文章
  • 创意无限!一组网页边栏过渡动画【附源码下载】
  • 真是好东西!13种非常动感的页面加载动画效果
  • 你见过吗?9款超炫的复选框(Checkbox)效果
  • 超赞!基于 Bootstrap 的响应式的后台管理模板
  • 太赞了!超炫的页面切换动画效果【附源码下载】

 

Draggabilly – 轻松实现拖放功能(Drag  Drop)

 

事件绑定示例:

var draggie = new Draggabilly( elem );

function onDragMove( instance, event, pointer ) {
  console.log( 'dragMove on ' + event.type +
    pointer.pageX + ', ' + pointer.pageY +
    ' position at ' + instance.position.x + ', ' + instance.position.y );
}
// bind event listener
draggie.on( 'dragMove', onDragMove );
// un-bind event listener
draggie.off( 'dragMove', onDragMove );
// return true to trigger an event listener just once
draggie.once( 'dragMove', function() {
  console.log('Draggabilly did move, just once');
});

  

立即下载      在线演示

 

本文链接:Draggabilly – 轻松实现拖放功能(Drag & Drop)

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

Tags:
  • Window下拖放操作Drag & Drop 全解析 整理
    Window下拖放操作Drag & Drop 全解析 (整理)   2011-01-16 23:57:18|  分类: C/C++/C# |字号 订阅 http://hill2007.blog.163.com/blog/static/3872384620084863345840/ http://www.cppblog.com/andxie99/arc ...
  • 《JavaScript 实战》:实现拖放(Drag Drop)效果
    《JavaScript 实战》:实现拖放(Drag  Drop)效果
    拖放效果,也叫拖拽.拖动,学名Drag-and-drop ,是最常见的js特效之一.如果忽略很多细节,实现起来很简单,但往往细节才是难点所在.这个程序的原型是在做图片切割效果的时候做出来的,那时参考了好几个同类的效果,跟muxrwc和BlueDestiny学习了不少东西. 虽然每次整理都觉得很好了,不过每隔一段时间又会发现得某个地方可以改善,某个地方有错误, ...
  • Window下拖放操作Drag & Drop 全解析
      OLE拖放实现 MFC本身的CView类是支持拖放操作的,通过研究CView类的源码,大体知道它的实现原理是这样的:CView类中有一个COleDropTarget类的对象,在视图窗口初始化时,调用COleDropTarget类成员函数Register(),以此在系统中注册该视图窗口为拖放接收窗口.当进行拖放操作的鼠标指针处于视图窗口范围内时,COleD ...
  • 使用ASP.NET Atlas实现拖放Drag & Drop效果
    使用ASP.NET Atlas实现拖放Drag & Drop效果
    使用ASP.NET Atlas实现拖放(Drag & Drop)效果(上) English Version: http://dflying.dflying.net/1/archive/77_atlas_drag__drop_overview.html中文版:http://dflying.cnblogs.com/archive/2006/04/21/3 ...
  • Atitit。D&D drag&drop拖拽功能c#.net java swing的对比与实现总结
    Atitit.D&D drag&drop拖拽功能c#.net java swing的对比与实现总结   1. 实现一个D&D操作一般包括三个步骤: 1 2. .net黑头的拖曳机制.必须有DragEnter事件(单独写DragDrop事件是不会具有拖拽功能的) 2 3. ---java黑头的拖曳..必须有DragEnter事件(单独写 ...