jQuery 可拖拽模式窗体

现在就想用jQuery实现一下弹出一个有笼罩层的div，这个div是可以拖拽的。
网上也搜了不少资料，一般是用jQuery的UI插件来实现，不过对这个插件不了解，看了下网上的代码又找不到我要的效果，现在有点头大了。估计这里一定有做过这样效果的，希望给下代码，好用的100分给上，另再开100分感谢 --------------------编程问答-------------------- 自己顶顶，比较急 --------------------编程问答-------------------- 我特意来顶你，楼主 --------------------编程问答--------------------

引用 2 楼 jelly_tracy 的回复:

我特意来顶你，楼主

先表示感谢 --------------------编程问答-------------------- 再顶顶 --------------------编程问答-------------------- 下载这个插件 jquery.event.drag-1.4.min.js

调用：



$("拖拽容器")

   .bind('dragstart',function( event ){ return jQuery(event.target).is('拖拽句柄');})

   .bind('drag',function( event ){jQuery( this ).css({top: event.offsetY,left: event.offsetX});

--------------------编程问答-------------------- “拖拽句柄”指的是？ --------------------编程问答-------------------- 参考我用jquery+jquery ui 做的代码! --------------------编程问答-------------------- 顶啊

--------------------编程问答-------------------- $("#拖拽容器ID")
.bind('dragstart',function( event ){ return jQuery(event.target).is('#响应拖拽的元素ID');})
.bind('drag',function( event ){jQuery( this ).css({top: event.offsetY,left: event.offsetX});

就是拖动哪里整个元素都会跟着移动
参照 windows窗体和标题栏的关系 --------------------编程问答--------------------

引用 9 楼 ailin84 的回复:

$("#拖拽容器ID")
.bind('dragstart',function( event ){ return jQuery(event.target).is('#响应拖拽的元素ID');})
.bind('drag',function( event ){jQuery( this ).css({top: event.offsetY,left: event.offsetX});

就是……

明白了，先谢谢，我试试 --------------------编程问答-------------------- 今天没时间试了，希望大家给个完整点的代码，我不是想偷懒啊，是时间太紧了。。。。。 --------------------编程问答--------------------

<!doctype html>

<html lang="en">

<head>

	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

	<title>jQuery UI Draggable - Default functionality</title>

	<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />

	<script type="text/javascript" src="../../jquery-1.3.2.js"></script>

	<script type="text/javascript" src="../../ui/ui.core.js"></script>

	<script type="text/javascript" src="../../ui/ui.draggable.js"></script>

	<link type="text/css" href="../demos.css" rel="stylesheet" />

	<style type="text/css">

	#draggable { width: 150px; height: 150px; padding: 0.5em; }

	</style>

	<script type="text/javascript">

	$(function() {

		$("#draggable").draggable();//页面加载完成后绑定“draggable”事件。

	});

	</script>

</head>

<body>



<div class="demo">



<div id="draggable" class="ui-widget-content">

	<h3>拖着我转转</h3>

</div>



</div><!-- End demo -->



<div class="demo-description">





</div><!-- End demo-description -->



</body>

</html>

参考：
http://d.download.csdn.net/down/1276596/ceopen --------------------编程问答-------------------- js拖动层........... --------------------编程问答-------------------- MARK yi xi ale !

补充：.NET技术 ,  ASP.NET