再发一个新潮的后台登陆效果，好东西共享！

先报告。最近因为要给朋友做后台登陆，他比较喜欢个性点得。就做了几个。上次那个就是其中之一，这个呢也是一个方案之一啦。想想还是和大家一齐共享啦，我和脚本写得不好。这个呢也在进一步完善中。希望能给朋友们一些使用上的帮助。大家可以完全使用。脚本都是原创。请放心使用。我是一个共享支持者。哈哈
那先看看效果吧。
http://www.szrgb.net/text/yunyun/

我再发一下JS吧。其他内容可以自己下载得。

// JavaScript Document
    var height=window.screen.height;
    var width=window.screen.width;
    var sobjTimer2;
    var b=0;
    var chf=0;
function getObj(objName){return(document.getElementById(objName));}
//设置大框架位置
  getObj("login").style.left=width/2-50;  
  getObj("login").style.top=height/5;
//这是MOUSE滑过时的效果
//可扩展更多效果
function movemouse(id){
if (chf==0){
     for(var i=1;i<=3;i++){
           if(i==id) {
         getObj("theuse"+i).className="dl1";
          //getObj("user"+i).className="use2";
      }
        else{
          if(i==3 || i==(id-1)){
         getObj("theuse"+i).className="dl2";
          //getObj("user"+i).className="use1";
             }
             else{
         getObj("theuse"+i).className="dl2";
         // getObj("user"+i).className="use1";
                  }
            }
     }
}
    }
//点击用户图像时的效果
function clickme(id){
      chf=1;
     for(var i=1;i<=3;i++){
           if(i==id) {
         getObj("theuse"+i).className="dl1";
         mymovei("theuse"+i);
         getObj("user"+i).className="use2";
      }
        else{
          if(i==3 || i==(id-1)){
         getObj("theuse"+i).className="hidd";
          //getObj("user"+i).className="use1";
             }
             else{
         getObj("theuse"+i).className="hidd";
         // getObj("user"+i).className="use1";
                  }
            }
     }
    }
//图片移动
function movediv(value){
        b++;
        getObj(value).style.top=b;
        if(b>70) {window.clearInterval(sobjTimer2);}
    }
function mymovei(value){
if(b<70){
    sobjTimer2 =window.setInterval(function(){movediv(value);},10);
}
    }
//初始化
function resetme(){
chf=0;
b=0;
getObj("theuse1").style.top=10;
getObj("theuse2").style.top=70;
getObj("theuse3").style.top=130;
getObj("theuse1").className="dl2";
getObj("theuse2").className="dl2";
getObj("theuse3").className="dl2";
getObj("theuse1").className="hid";
getObj("theuse2").className="hid";
getObj("theuse3").className="hid";
getObj("user1").className="use1";
getObj("user2").className="use1";
getObj("user3").className="use1";
}
//初始化用户名位置
getObj("theuse1").style.top=10;
getObj("theuse2").style.top=70;
getObj("theuse3").style.top=130;

下载地址: login.rar (44.48 KB)
  下载文件

 

转载：http://www.szrgb.net/szrgb/blog/showtitle.asp?thefiletitle=16