82、超酷登陆小窗口

82、超酷登陆小窗口

脚本说明:

把如下代码加入<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

 

function expand(){

if(expandState == 0){setPace("master", 0, 10, 10); if(ie){document.menutop.src = "menub.gif"}; expandState = 1;}

else{setPace("master", -120, 10, 10); if(ie){document.menutop.src = "menu20020531.gif"}; expandState = 0;}

}

//-->

</SCRIPT>

 

<DIV id=master>

<DIV id=menu>

<TABLE cellSpacing=0 cellPadding=0 width=18 border=0>

  <TBODY>

  <TR>

    <TD width="100%"><A onfocus=this.blur() href="javascript:expand()"><IMG

      height=70 src="menu20020531.gif" width=18 border=0

  name=menutop></A></TD></TR></TBODY></TABLE></DIV>

<DIV id=top>

<TABLE cellSpacing=0 cellPadding=0 width=120 border=0>

  <TBODY>

  <TR>

    <TD width="100%"><IMG height=6 src="top20020531.gif" width=120

    border=0></TD></TR></TBODY></TABLE></DIV>

<DIV id=screen>

<TABLE cellSpacing=0 cellPadding=5 width=120 border=0>

  <TBODY>

  <TR>

    <TD width="100%" bgColor=#808080>

      <TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#808080

        border=0><TBODY>

        <TR>

          <TD width="100%">

            <TABLE cellSpacing=1 cellPadding=5 width="100%" border=0>

              <TBODY>

              <TR>

                <TD width="100%" bgColor=#ffffff><FONT

                  class=NavJump><BR></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

<DIV id=screenlinks>

<TABLE cellSpacing=0 cellPadding=5 width=120 border=0>

  <TBODY>

  <TR>

    <TD width="100%">

      <TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#808080

        border=0><TBODY>

        <TR>

          <TD width="100%">

            <TABLE cellSpacing=1 cellPadding=5 width="100%" border=0>

              <TBODY>

              <TR>

                <TD width="100%" bgColor=#ffffff>

                  <TABLE cellSpacing=0 cellPadding=3 width="100%" border=0>

                    <FORM name=form2 action=cklogin.asp method=post>

                    <TBODY>

                    <TR>

                      <TD bgColor=#eeeeee>用户名:</TD></TR>

                    <TR>

                      <TD><INPUT class=an size=12 name=usr> </TD></TR>

                    <TR>

                      <TD bgColor=#eeeeee>密码:</TD></TR>

                    <TR>

                      <TD><INPUT class=an type=password size=12 name=psd>

                    </TD></TR>

                    <TR>

                      <TD bgColor=#eeeeee><INPUT class=an type=submit value=登陆 name=Submit4>

                      </TD></TR></FORM></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</DIV></DIV>

Write a comment

Comments: 0