超酷登陆小窗口

下面为效果显示

用户名：

密码：

脚本说明:
把如下代码加入<body>区域中
<style type=text/css>
A {
	FONT: 9pt/13pt "宋体"; TEXT-TRANSFORM: none; COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	FONT: 9pt/13pt "宋体"; TEXT-TRANSFORM: none; COLOR: #000000; TEXT-DECORATION: underline
}
TD {
	FONT: 9pt/13pt "宋体"; TEXT-TRANSFORM: none; COLOR: #000000
}
.bk {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
.xx {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.xy {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #000000 1px solid
}
.y {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid
}
.x {
	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 1px solid
}
.zy {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 0px solid
}
.bg {
	BACKGROUND-COLOR: #000000
}
.szy {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 0px solid
}
.ys {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid
}
.zs {
	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 0px solid
}
.sx {
	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 1px solid
}
.s {
	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid
}
.an {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: "宋体"; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
}
P {
	FONT: 9pt/13pt "宋体"; TEXT-TRANSFORM: none; COLOR: #000000
}
BR {
	FONT: 9pt/13pt "宋体"; TEXT-TRANSFORM: none; COLOR: #000000
}
.xan {
	BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT: 9pt/13pt "宋体"; TEXT-TRANSFORM: none; BORDER-LEFT: #000000 0px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #d3d8dc
}
.dan {
	BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 9pt/13pt "宋体"; TEXT-TRANSFORM: none; BORDER-LEFT: 0px solid; WIDTH: 100%; CLIP: rect(0px 0px 0px 0px); COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: 0px solid; HEIGHT: 21px; BACKGROUND-COLOR: #ffffff
}
#master {
	Z-INDEX: 2; LEFT: -120px; VISIBILITY: visible; WIDTH: 200px; POSITION: absolute; TOP: 10px
}
#menu {
	Z-INDEX: 5; LEFT: 120px; VISIBILITY: visible; WIDTH: 18px; POSITION: absolute; TOP: 0px
}
#top {
	Z-INDEX: 5; LEFT: 0px; VISIBILITY: visible; WIDTH: 120px; POSITION: absolute; TOP: 0px
}
#screen {
	Z-INDEX: 5; LEFT: 0px; VISIBILITY: visible; WIDTH: 120px; POSITION: absolute; TOP: 6px
}
#screenlinks {
	Z-INDEX: 5; LEFT: 0px; VISIBILITY: visible; WIDTH: 120px; POSITION: absolute; TOP: 6px
}
.NavJump {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A.NavJump:link {
	COLOR: #000000
}
A.NavJump:visited {
	COLOR: #000000
}
A.NavJump:active {
	COLOR: #000000; TEXT-DECORATION: none
}
A.NavJump:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
</style>

<SCRIPT language=javascript>
<!--

var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0

var master = new Object("element")
master.curLeft = -120;	master.curTop = 10;
master.gapLeft = 0;		master.gapTop = 0;
master.timer = null;

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
clearTimeout(eval(layerName).timer)

if(eval(layerName).curLeft != fromLeft){
     if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
if(ns){document[layerName].left = eval(layerName).curLeft}
}

if(eval(layerName).curTop != fromTop){
     if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
if(ie){document.all[layerName].style.top = eval(layerName).curTop}
if(ns){document[layerName].top = eval(layerName).curTop}
}

eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed){
eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed

moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}
var expandState = 0