javaｓｃｒｉｐｔ层拖动效果示例代码

层拖曳效应：





实现uff1a
CSS：
复制代码代码如下所示：

DIV
{
职位：相对；
}


JS：
复制代码代码如下所示：

VaR mouseover =真
无功xcoor；
无功ycoor；
函数坐标（）
{

如果（event.srcelement.id.indexof（wishbroad ）= = 0）
{
event.srcelement.style.zindex = 1000；
鼠标悬停=真；
event.srcelement.style.pixelleft Pleft =；
点对点= event.srcelement.style.pixeltop；
xcoor = event.clientx；
ycoor = event.clienty；
移动鼠标= moveimage文件；
}
}

moveimage（）函数
{
如果（mouseoverevent。按钮= = 1）
{
事件。srcelement。风格。pixelleft = Pleft + event.clientx-xcoor；
事件。srcelement。风格。pixeltop =电脑+ event.clienty-ycoor；
返回false；
}
}

松开鼠标（）函数
{
event.srcelement.style.zindex = 1；
鼠标悬停= false；
}
onmousedown =坐标文件；
文件。onmouseup = MouseUp；


HTML：
复制代码代码如下所示：

DIV层阻力


中国


美国


日本


巴西