- 浏览: 746959 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (981)
- javascript (102)
- java (211)
- JQuery (81)
- 幽默笑话 (2)
- 只言片语 (6)
- 开发小记 (283)
- Hibernate (17)
- DWR (4)
- SQL (10)
- spring-ibatis (8)
- linux (24)
- Struts1 (8)
- Struts2 (16)
- spring (42)
- Mybatis (16)
- css (18)
- servlet (8)
- jdbc (4)
- jsp (1)
- spring-jdbc (2)
- FreeMarker (2)
- MySQL (24)
- JQuery-Grid (7)
- jstl (5)
- 正则表达式 (1)
- 面试集锦 (86)
- unix (18)
- 开发工具 (23)
- ajax (5)
- webservice (4)
- log4j (3)
- oracle (15)
- extjs (14)
- 其他 (9)
- 优秀技术参考地址 (1)
- 性能 (3)
- 数据库 (25)
- 算法 (15)
- 设计模式 (10)
- Python (3)
- AIX (5)
- weblogic (1)
- shell (14)
- quartz (5)
- 图形文件FusionCharts (1)
- Websphere (4)
- 转载 (5)
- hadoop (1)
- highchart (24)
- perl (22)
- DB2 (7)
- JBoss (1)
- JQuery Easy UI (9)
- SpringMVC (5)
- ant (5)
- echart (9)
- log4J配置 (3)
- 多线程 (10)
- 系统架构 (7)
- nginx (3)
- loadrunner1 (1)
- 分布式 (1)
- Dubbo (1)
- Redis (2)
- JMS (4)
- 自动化测试 (3)
- Spring循环依赖的三种方式 (1)
- spring-boot (3)
- 高级测试 (9)
- github (2)
- sonar (1)
- docker (6)
- web前端性能优化 (1)
- spring-aop (6)
- rabbit (1)
- ELK (1)
- maven (1)
- minio (1)
最新评论
-
zengshaotao:
jstl1point0 写道很好啊,如果有带Session会话 ...
Nginx+Tomcat搭建高性能负载均衡集群 -
jstl1point0:
很好啊,如果有带Session会话的怎么搞呢
Nginx+Tomcat搭建高性能负载均衡集群
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery 模块拖动,拖动层效果</title>
<style type="text/css">
#div2
{
position:absolute;
width:400px;
height:300px;
border:1px solid #333333;
background-color:#777788;
text-align:center;
line-height:400%;
font-size:13px;
left:80px;
top:20px;
}
</style>
<script type="text/javascript" language="javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" language="javascript">
var _move=false;//移动标记
var _x,_y;//鼠标离控件左上角的相对位置
$(document).ready(function(){
$("#div2").click(function(){
//alert("click");//点击(松开后触发)
}).mousedown(function(e){
_move=true;
_x=e.pageX-parseInt($("#div2").css("left"));
_y=e.pageY-parseInt($("#div2").css("top"));
$("#div2").fadeTo(20, 0.25);//点击后开始拖动并透明显示
});
$(document).mousemove(function(e){
if(_move){
var x=e.pageX-_x;//移动时根据鼠标位置计算控件左上角的绝对位置
var y=e.pageY-_y;
$("#div2").css({top:y,left:x});//控件新位置
}
}).mouseup(function(){
_move=false;
$("#div2").fadeTo("fast", 1);//松开鼠标后停止移动并恢复成不透明
});
});
</script>
</head>
<body>
<div id="div2">支持拖拽</div>
发表评论
-
input 隐藏 方法传入字符串参数
2020-04-12 14:02 569JQuery 使用 $("#input[id='' ... -
JQuery 之empty and remove
2017-12-25 18:59 389$("table tr[id^=trAddColum ... -
easyui dialog隐藏与显示
2017-12-13 18:30 1466有时候需要对查询的结果进行过滤,当然如果是前端过滤,就不要再 ... -
cookie操作 JQuery
2017-03-23 22:18 475首先包含jQuery的库文件,在后面包含 jquery.coo ... -
表单参数一并提交
2017-03-23 13:09 518对于一般的table数据,并且还带有查询条件,我们都会使用j ... -
JQuery解析XML
2017-03-19 17:26 445用JavaScript解析XML数据是常见的编程任务,Ja ... -
表格动态展示与下钻
2016-09-13 08:37 1232<%@ page language="jav ... -
JQuery tree的使用
2016-07-12 09:32 1042$(function(){ $('#cardTree') ... -
兄弟frame之间控制页面
2016-05-17 18:05 820<FRAMESET cols=" ... -
easy ui 树的常用功能
2016-05-17 14:40 602遍历tree nodes function Trav ... -
attr(),css()
2016-05-04 17:54 373JQuery的attr()方法,设置属性,不同于css(), ... -
$.browser.msie为空
2016-03-03 17:34 436'$.browser.msie' 为空或不是对象,这个是j ... -
jOrgChart 后端取数--递归构建map
2016-03-03 11:41 725<!DOCTYPE html> <htm ... -
jOrgChart 后端取数--手工构建map
2016-03-03 11:39 604<!DOCTYPE html> <htm ... -
jOrgChart横向的组织机构树--手工构造json数据
2016-03-02 17:41 1187<!DOCTYPE html> <htm ... -
jOrgChart的调试模式
2016-03-02 14:41 1096jOrgChart是一个不错的横向组织树插件,在视觉体验上也 ... -
jOrgChart横向的组织机构数插件
2016-03-02 12:03 870<!DOCTYPE html> <htm ... -
easy ui data grid
2016-02-22 16:40 904JQuery Easy Ui dataGrid 数据表格 ... -
JQuery easy ui 图标扩展
2015-12-23 15:44 923JQuery easy ui 1.2.6有很多的图标, ... -
获取页面高度
2015-12-15 10:26 419$(document).height() //是获取整个页 ...
相关推荐
jquery 拖动div层 jquery 拖动div层 jquery 拖动div层 jquery 拖动div层
jquery div拖动排序效果代码是一款打开从左到右慢慢展开,可自由拖动排序特效.
Jquery Sortable实现div拖动排序效果 Jquery Sortable实现div拖动排序效果
利用JQuery实现DIV的拖拽功能,代码很简单
利用jquery ui和append实现元素添加,拖动。自定义div大小!
jquery拖拽排序插件div自由拖动排序代码
jQuery拖动DIV滑块代码基于jquery-1.9.1.min.js制作,包括只能水平拖动;只能垂直拖动;自由拖动,初始位置固定;自动拖动,初始位置随机;自动拖动,初始位置随机,hander拖动等多种拖动效果。
可拖动div边框改变大小的方法,jquery拖拽改变div大小效果,。。。。。。。。。。。。。。。。。。。。。。。。。
jQueryUI拖拽效果_拖拽div的值到table表格里面,jQueryUI拖拽效果_拖拽div的值到table表格里面(html)
基于jquery的可拖动div 用于制作拖拽功能
jQuery拖拽布局插件,我觉得挺实用,jQuery拖动Div布局 点击最大化 弹出层等。拖动演示网页中的各个模块,可以自动变化位置,上边的按钮可以弹出一个浮动层,每一个Div模块可以最大化或最小化。 运行环境:...
jQuery拖拽div,利用jquery的mousemove,mousedown,mouseup三个事件,需要的朋友可以参考下
遮罩 DIV 拖动 jquery遮罩 DIV 拖动 jquery遮罩 DIV 拖动 jquery遮罩 DIV 拖动 jquery
直接8中拖拽效果,其中可以随意鼠标位置拖动,可以按照列进行位置拖动,只需要吧jar集成到项目中就可以直接使用
可以拖拽的布局页面,jQuery.UI插件
jquery拖动编辑div,包括关闭,改变div颜色.....
通过鼠标拖动来改变div的顺序,来实现指标的排序。使用了Jquery,jquery-ui.js,sortable,自己原创,效果很绚。 配合ThinkPHP可以实现把数据入库,由于使用的是ubuntu, 文件编码格式都是utf-8.
一个J2EEer自己写的拖动div的实例 在网上找了很久也没有找到一个好用的拖动div的例子,网上的要么就是浏览器不兼容要么就是拿过来没有用,于是自己花了些时间用jquery写了一个,和大家分享。绝对原创。
透明div可以拖动 Jquery特效,CSS+DIV透明div可以拖动 Jquery特效,CSS+DIV透明div可以拖动 Jquery特效,CSS+DIV