复制代码代码如下：（函数（$）{）
fn.extend（{美元。
jlzindex ：函数（）{ / /用来确定并设置每个对话框的特性
dragindex = $（var $本）；
无功arrzindex =新的数组（）；
对于（var i = 0；我的<< dragindex.length美元；i++）{ / /初始化数组元素的值，并设置z-index值拖动命令
无功zidxnum = 10000 -我-我- 2；
我arrzindex { } = {getID ：拖+（$ dragindex.length -我），zidx ：zidxnum }；
$（#拖动+（$ dragindex.length我）），Css（Z
}
dragindex.mousedown美元（函数（）{（）
var I＝0；
VaR Dindex = 0；
而（arrzindex {我}）{ / /找到数组中当前点击的物品。
如果（arrzindex {我}，GetID = = $（this）。Attr（ID））{ Dindex =我；}
++；
}
对于（var i = Dindex；我> = 0；我--）{ / /第一点击项目的阵列，其他的后移
如果（i = 0）{
arrzindex { } { }。getID = arrzindex getID I-1；
$（# + arrzindex {我}，GetID）。Css（Z，arrzindex {我}。zidx）；
别的{ }
arrzindex {我}，GetID =美元（这）。Attr（ID）；
$（# + arrzindex {我}，GetID）。Css（Z，arrzindex {我}。zidx）；
}
}
}）；
}，
jldraggable 功能（MOD）{ / /拖动插件
var模型；
VaR拖动=假；
var = $（this）；
drag.find美元（。斜井矿车防坠杆）。Mousedown（function（e）{）
拖动=真；
无功mouseleft = e.pagex至drag.find（。斜井矿车防坠杆）。偏移（左）； / /横向距离在鼠标拖动区域
无功mousetop = e.pagey至drag.find（。斜井矿车防坠杆）。偏移（顶部）； / /横向距离在鼠标拖动区域
如果（模式= = cfade）{ / /半透明元素的原始位置
drag.clone美元（假），Appendto（体），Addclass（dragshadow）。Fadeto（0）。Css（Z），parseInt（drag.css美元（美元阻力。CSS））- 1）；
否则如果}（模式= = dfade）{ / /半透明的元素跟随鼠标
drag.clone美元（假），Appendto（体），Addclass（dragshadow）。Css（Z），parseInt（drag.css美元（Z））- 1）；
drag.fadeto美元（0）；
}
$（document）。Mousemove（function（e）{
如果（拖动）{
无功winwidth = $（窗口）Width（）；
无功winheight = $（窗口）Height（）；
无功dragleft = e.pagex - mouseleft；
无功dragtop = e.pagey - mousetop；
拖动框不能超过窗口的边界
如果（dragleft＜0）{ dragleft = 0；}
如果（dragleft + $ drag.width（）> winwidth）{
dragleft = winwidth drag.width美元（）；
}
如果（dragtop＜0）{ dragtop = 0；}
如果（dragtop + $ drag.height（）> winheight）{
dragtop = winheight drag.height美元（）；
}
drag.css美元（左
drag.css美元（顶
别的{ }
返回false；
}
}）；
}）；
$（document）。Mouseup（function（）{）
拖动= false；
$（。dragshadow ）删除（）；
如果（模式= = dfade）{
drag.fadeto美元（0,1）；
}
}）；
}
}）
}（jQuery）

Index.html：
复制代码代码如下所示：



$（文档）Ready（函数（）{）
$（# drag1 ）（。jldraggable）； / /没有参数，没有影子
$（# drag2）。Jldraggable（cfade ）； / / cfade，定义半透明阴影的原始位置
$（# drag3）。Jldraggable（dfade ）； / / dfade，用鼠标定义半透明阴影
$（。dragindex ）（。jlzindex）； / / z-index多窗口
}）；


dragtitle {。
宽度：120px；
身高：27px；
背景：URL（图像/ drag_01 .jpg）；
光标移动；
}
dragcontent {。
宽度：120px；
身高：73px；
背景：URL（图像/ drag_02 .jpg）；
行高：73px；
文本对齐：中心；
}
# drag1 {
宽度：120px；
位置：绝对；
左：10px；
上图：10px；
}
# drag2 {
宽度：120px；
位置：绝对；
左：90px；
上图：90px；
}
# drag3 {
宽度：120px；
位置：绝对；
左：170px；
上图：170px；
}



非参数



原位半透明



拖曳和半透明