jQuery实现自定义拖拽插件 下载

来源:脚本之家  责任编辑:小易  

我前几天写了个2113..放我QQ空间了..你可以自己去看5261看...实现一个层的拖4102动..你可以参考下..呵呵.如果1653不嫌弃的话.代码还是很好理解的.. http://zhug2009.qzone.qq.com/ <html><head><title>无标题文档</title><script src="../jquery-1.2.1.js"></script><script> (function($){ $.fn.drag_div=function(event){ return this.mousedown(function(event){ //当鼠标点击时鼠标的坐标-被拖动元素的left var x=event.pageX-parseInt($(this).css('left')); //当鼠标点击时鼠标的坐标-被拖动元素的top var y=event.pageY-parseInt($(this).css('top')); //点击不放开鼠标移动鼠标时触发事件 $(this).mousemove(function(event){ //移动鼠标时,层的left和top,width,height var _x=parseInt($(this).css('left')); var _y=parseInt($(this).css('top')); var width=parseInt($(this).width()); var height=parseInt($(this).height()); //当鼠标的坐标在层内部时.为了解决快速移动鼠标而出现的bug //if(event.pageX>_x && event.pageX<(_x+width) && event.pageY>_y && event.pageY<(_y+height)){ //var pagex=event.pageX; //var pagey=event.pageY; //var now_x=event.pageX-x; //var now_y=event.pageY-y; $(this).css({left:now_x,top:now_y}); //else解绑事件 //} //else{ // $(this).unbind('mousemove'); //} }); //鼠标弹起解绑事件 }).mouseup(function(){ $(this).unbind('mousemove'); }); }; })(jQuery); $(function(){ $('#drag').drag_div(event); });</script><style> #drag{ border:2px solid #000; background:#6633FF; width:200px; height:200px; cursor:move; position:absolute; left:0; top:0; }</style></head><body><div id="drag"></div></body></html>这只是一个层的拖动..你应该看的懂原理的..稍微改改可以变成你想要的..,http://hi.baidu.com/zgldh/blog/item/177b6059efc4052c2934f026.html不用2113谢5261我41021653www.zgxue.com防采集请勿采集本网。

脚本大小:37.0KB 脚本语言:简体中文 脚本类型:国产软件 脚本授权:免费软件 更新时间:2020-09-29 17:05:11 脚本类别:jQuery 相关链接: 未知官方  演示地址 网友评分:脚本评分 应用平台:jquery

jQuery自定义拖拽插件是一款基于jQuery实现自定义拖拽效果的特效,可实现任意不限范围、限定范围的拖拽效果,代码很简单一看就懂。简单实用,欢迎下载!代码适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,是一款不错的的特效插件,需要的朋友可以下载!希望大家喜欢!

// crud 是插件的名字,可以替换成别的 // 1> (function($, window, document, undefined){ $.fn.crud = function(options){ var opts = $.extend({}, $.fn.crud.defaults, options); this.each(function(){ // 这里是这个插件实现方法主内容 })

jQuery 库是专为加快 JavaScript 开发速度而设计的。通过简化编写 JavaScript 的方式,减少代码量。使用 jQuery 库时,您可能会发现您经常为一些常用函数重写相同的代码。如果这样的话,这可能就是您需要编写自定义 jQuery 插件的一个原因。 jQu

下载地址如下:

拖放(Drag 和 drop)是 HTML5 标准的组成部分。 浏览器支持:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 被拖元素,dragElement : (1)添加事件:ondragstart (2)添加属性:dragable 放置元素,dropElement: 1、

看一下ace吧 ,我记得里面有这种组件 , 但是功能还是要自己写 ,你可以把右边的结构序列化发送到服务端 ,由服务端生成文档和下载链接。 拖拉树状图什么的可以用jqueryui ,ace就不要用了 ,这种自由化比较高的应用还是自己写组件比较好。

网硕互联电信下载

应该有吧,好像是根据鼠标坐标设计图片或标签的移动轨迹,计算起来有点麻烦,jQuery里的综合起来肯定能实现。

港中数据电信下载

河南紫田网通下载

易阳网络电信下载

酷云中国电信下载

易阳IDC电信下载

群英网络电信下载

烽火云集电信下载

网盾科技电信下载

创梦网络电信下载

试试2113这5261个4102吧1653 http://www.rainweb.cn/JqueryUIStudy/Draggable.html内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • 求jquery拖拽插件 可用的
  • 求一个使用jQuery插件,实现一个页面的DIV层拖拽
  • 怎样用Jquery实现拖拽层,并实现网站自定义化模块功能
  • 有没有什么jQuery的插件可实现表格的行可拖拽
  • 如何创建一个自定义jquery插件
  • 如何创建一个自定义jQuery插件
  • 如何使用HTML5+CSS3+jquery 实现用户拖拽自定义界面
  • 跪求html、css、jQuery或者插件之类的实现组件拖拽...
  • 有没有可以拖拽、连接上下游节点的JavaScript或JQu...
  • jquery实现拖拽功能需要导入什么包
  • 网站首页脚本下载广告代码js框架批处理网页相关源码下载网站地图菜单导航tab标签焦 点 图在线客服影音播放相册代码flash特效vbscript其它全屏广告对联广告悬浮漂浮图片特效翻牌书角其他代码jqueryextjsprototypemootoolsajax/javascript其它框架系统优化网络相关文件管理注册表项文本字符安全防毒加密解密特效动画修改更换显示隐藏dos/bathtml5css特效asp源码.net源码php源码jsp源码网页编辑器数据库管理源码黑客源码其它源码主页脚本下载js框架jqueryjquery实现自定义拖拽插件jquery响应式后台登录界面模板jquery仿windows10桌面开始菜单及开关机特效源码 jquery+moment.js制作富有科技感的svg日期和时钟特效代码jquery手机外卖点餐购物车结算代码jquery触屏电子签名插件jqsignaturejquery仿qq音乐播放器代码jquery仿qq空间留言时间轴特效代码jquery实现生日蛋糕蜡烛动画特效jquery一星期时间段选择插件代码基于jquery实现网页右下角留言表单代码源码jquery+html5实现唯美表白动画代码基于turn.js实现翻书翻页动画效果基于jquery实现图片缩放tab切换效果实现常用工具message和toast弹窗特效jquery自定义拖拽jquery 最新版框架下载(1.32-1.11.1-3.2.1)jquery 最新版框架下载(1.32-1.11.1-3.2.1)下载《jquery 1.6,1.7 api 中文手册》最新版 chm《jquery 1.6,1.7 api 中文手册》最新版 chm下载jquery easyui v1.3 常用ui组件 demo合集、离线api、动态换肤 jquery easyui v1.3 常用ui组件 demo合集、离线api、动态换肤 下载jquery alert、confirm、prompt提示框插件jquery alert、confirm、prompt提示框插件下载基于jquery的artdialog 弹出窗插件效果 4.1.7基于jquery的artdialog 弹出窗插件效果 4.1.7下载uploadify v3.1 基于jquery的上传插件uploadify v3.1 基于jquery的上传插件下载jquery 图片切换(超炫效果)jquery 图片切换(超炫效果)下载jquery 1.7.2官方版本下载jquery 1.7.2官方版本下载下载jqueyr 消息插件 messager v1.5 仿qq消息弹出提醒jqueyr 消息插件  messager v1.5 仿qq消息弹出提醒下载找不到分享码?jquery响应式后台登录界面模板jquery仿windows10桌面开始菜单及开关机特效源码 jquery+moment.js制作富有科技感的svg日期和时钟特效代码jquery手机外卖点餐购物车结算代码jquery触屏电子签名插件jqsignaturejquery仿qq音乐播放器代码jquery仿qq空间留言时间轴特效代码jquery实现生日蛋糕蜡烛动画特效jquery一星期时间段选择插件代码基于jquery实现网页右下角留言表单代码源码分享码的获取方法迅雷winrar v5jquery实现自定义拖拽插件jquery响应式后台登录界面模板jquery仿windows10桌面开始菜单及开关机特效源码 jquery+moment.js制作富有科技感的svg日期和时钟特效代码jquery手机外卖点餐购物车结算代码jquery触屏电子签名插件jqsignaturejquery仿qq音乐播放器代码jquery仿qq空间留言时间轴特效代码jquery实现生日蛋糕蜡烛动画特效jquery一星期时间段选择插件代码chrome
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved