Javaｓｃｒｉｐｔ实现了拖动变色并关闭层窗口的实例。

本文介绍了javaｓｃｒｉｐｔ实现的方法，它可以拖动变色并关闭层窗口，供大家参考，具体分析如下：

这是一个基于javaｓｃｒｉｐｔ的图层拖动代码。不同的是，它将使窗口拖动时，使操作体验更好。你可以运行代码来查看效果，它也可以显示/隐藏或关闭打开的效果，当它没问题时关闭它。

拖动窗口
<！——
字体大小：12px身体{；}
一：参观{文字装饰：无；颜色：灰石色；}
答：悬停{文字装饰：下划线；颜色：灰石色；}
一：链接{文字装饰：无；颜色：灰石色；}
-->
<！——
VaR x0 = 0，y0 = 0 = 0，X1，Y1 = 0；
无功offx = 6，= 6化；
var =假；
VaR悬停= 'orange '，' #正常= 336699； / /颜色；
VaR指标= 10000； / / Z指数；
拖动；
功能startDrag（obj）
{
如果（事件=按钮= 1）
{
锁定/标题栏；
Obj.setCapture（）；
定义对象；
VAR赢= obj.parentnode；
VaR沙= win.nextsibling；
记录鼠标和位置；
x0 = event.clientx；
y0 = event.clienty；
X1 = parseInt（赢。风格。左）；
Y1 = parseInt（赢的风格。上）；
记录/颜色；
正常= obj.style.backgroundcolor；
更改/样式；
obj.style.backgroundcolor =悬停；
win.style.bordercolor =悬停；
obj.nextsibling.style.color =悬停；
sha.style.left = X1 + offx；
sha.style.top = Y1 +化；
可移动的=真实的；
}
}
拖动；
拖曳功能（obj）
{
如果（可移动的）
{
VAR赢= obj.parentnode；
VaR沙= win.nextsibling；
win.style.left = X1 + event.clientx - x0；
win.style.top = Y1 + event.clienty - y0；
sha.style.left = parseInt（赢。风格。左）+ offx；
sha.style.top = parseInt（赢。风格。顶部）+化；
}
}
停止/拖动；
功能停止拖动（obj）
{
如果（可移动的）
{
VAR赢= obj.parentnode；
VaR沙= win.nextsibling；
var msg = obj.nextsibling；
win.style.bordercolor =正常；
obj.style.backgroundcolor =正常；
msg.style.color =正常；
sha.style.left = obj.parentnode.style.left；
sha.style.top = obj.parentnode.style.top；
Obj.releaseCapture（）；
可移动的=错误的；
}
}
/焦点；
功能如下（obj）
{
如果（obj.style.zindex！=指数）
{
索引= 2；
var idx =指数；
obj。风格在= IDX；
obj。兄弟。风格。zIndex = LOX-1；
}
}
最小化；
函数min（obj）
{
VAR赢= obj.parentnode.parentnode；
VaR沙= win.nextsibling；
var乳头= obj.parentnode；
var msg = tit.nextsibling；
VaR FLG =味精。风格。显示= =没有；
如果（FLG）
{
win.style.height = parseInt（味精。风格。高度）+ parseInt（山雀。风格。高度）+ 2 * 2；
sha.style.height = win.style.height；
msg.style.display =块；
obj.innerhtml =0；
}
其他的
{
win.style.height = parseInt（山雀。风格。高度）+ 2 * 2；
sha.style.height = win.style.height；
obj.innerhtml =2；
msg.style.display =没有；
}
}
创建对象；
功能Xwin（ID，W，H，L，T，山雀、味精）
{
索引= 2；
this.id = ID；
This.width = w;
this.height = H；
this.left = L；
this.top = T；
this.zindex =指数；
this.title =乳头；
this.message =味精；
this.obj = null；
this.bulid =建造；
This.bulid（）；
}
初始化；
功能的建立（）
{
var
+ +样式
Z：+ this.zindex +；
宽度+ this.width +；
高+ this.height +；
左+ this.left +；
：+ this.top +；
背景色+；
颜色++ +；
+字体大小：8pt；
+字体：宋体；
+位置：绝对；
+游标：默认值；
+ 的边界：2px固体+正常+；
+
onmousedown = 'getfocus +（本）>

+样式
背景色+；
+宽+（这个宽度2×2 +）；
+高度：20；
+颜色：白色；
+
+ onmousedown = 'startdrag（这）
+ onmouseup = 'stopdrag（这）
+ 移动鼠标=拖（这）
+ 鼠标双击= 'min（这个子{ 1 }）
>
this.title + + +
+ 0
r

<
+宽度：100%；
+高度+（this.height-20-4 +）；
+背景颜色：白色；
+线高度：14px；
+单词突破：打破所有；
+填充：3px；
this.message + + +>

+ xmsg 宽度+ this.width +；
高+ this.height +；
：+ this.top +；
左+ this.left +；
+ Z指数：+（this.zindex-1 +）；
+位置：绝对；
+背景色：黑色；
+筛选器：alpha（不透明度= 40）
> ；
document.body.insertadjacenthtml（beforeend
}
显示/隐藏窗口
功能showhide（ID，DIS）{
无功bdisplay =（DIS = = null）（document.getelementbyid（xmsg+身份证）。风格。显示= =）没有：）：DIS
document.getelementbyid（xmsg+ Style.display = bdisplay ID）；
document.getelementbyid（xmsg+编号+BG）。Style.display = bdisplay；
}
<！——
函数初始化（）
{
创建一个新的Xwin（1
var b =新的Xwin（2
var c =新的Xwin（3
showhide（1
}
在window.onload =初始化；
Windows 1
Windows 2
Windows 3

希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。