jquery 拖动

 var move=false;//移动标记
    var _x,_y;//鼠标离控件左上角的相对位置 

    $(‘.start‘).mousedown(function(e){
        move=true;
        _x=e.pageX-parseInt($(".start").css("left")); //获取最初位置
    _y=e.pageY-parseInt($(".start").css("top"));//获取最初位置
    })

    var disX =$(‘.start‘).offset().left;
    $(document).mousemove(function(e){
        if(move){
            var x=e.pageX-_x;//控件左上角到屏幕左上角的相对位置 
           var y=e.pageY-_y;//控件左上角到屏幕左上角的相对位置 
            $(".start").css({"left":x});
        }
    }).mouseup(function(){
        move=false;
    })
时间: 2024-08-10 21:28:44

jquery 拖动的相关文章

jquery拖动DIV[转]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Conte

针对后台列表table拖拽比较实用的jquery拖动排序

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>jqueryUI拖动</title> </head> <script src="js/jquery-1.11.0.min.js"></script> <script src="js/

jQuery拖动调整表格列宽度-resizableColumns

实现鼠标可拖动调整表格列宽度 如图: 一.引入文件: <script src="/js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="/js/store.js" type="text/javascript"></script> <script src="/js/jquery.r

jQuery 拖动排序

原文发布时间为:2010-04-11 -- 来源于本人的百度文章 [由搬家工具导入] <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>jQuery UI Sortable - Default functionality</title> <link type="text/css"

jquery 拖动DIV

<html><head> <style type="text/css"> .show{ background:#7cd2f8; width:300px; height:180px; text-align:center; position:absolute; z-index:1; left:100px; top:100px; } .show input{ width:100px; } </style> <script type=&qu

Jquery DIV 挪动

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="title" content="Jquery Div自由拖动排序" /> <meta name="keywords" content="Jquery Div自由拖动排序,JqueryDiv排序,Jquery拖动,排序&quo

自己写的基于bootstrap风格的弹框插件

自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框.提示框.后续功能扩展.bug修改再更新. ;(function($){ //默认参数 var PARAMS; var DEFAULTPARAMS = { width: 500, title: '提示消息', content: '', okbtn: '确定', cancelbtn: '取消', headerBackground: 'info', vbackdrop: 'static', //默认点击遮罩不会关闭modal vkeyb

博客目录[2016-3-31更新]

C# 01.Windows下批量设置SVN用户组权限 02.侦听Windows文件夹变更事件 03.ASP.NET 系统支持数据库访问设计 04.C# webrequest 抓取数据时,多个域Cookie的... 05.Windows Server2008通过命令行方式添加防火墙... 06.JqueryDemoTools-用于整理jQueryDemo 07.visual studio2010复制粘贴源代码到Word时... 08.NPOI 通用导出数据到Excel 09.在 .NET 中开发基

老男孩Python高级全栈开发工程师【真正的全套完整无加密】

课程大纲 老男孩python全栈,Python 全栈,Python教程,Django教程,Python爬虫, scrapy教程,python高级全栈开发工程师,本套教程,4部分完整无缺,课程完结,官方售价6800元. 课程全部都是不加密,全部都有声音-不是网上那种几块钱十几块钱那种加密没有声音或者课程不全,贪便宜花冤枉钱不说都会严重影响学习,耽误大量时间! 本套全栈课程,不说完全媲美线下教学,只要你肯坚持,不会比面授差太多-坚持学完找一份python开发类的工作完全没问题,另外对于学习方面的投资