共享一个登陆效果,可能有用!

又过了一周,周日闲时在家里没事。看着电脑启动的效果,突然想到一个效果,相信在网上应该有类似的效果。不过自己想方法,写代码算是原创吧。高手绕过,自己算不上程序员,只是爱好者所以代码写得不好请高手们不要见笑。现在还很粗糙,不过我想在高手如云的此地定会有更出色的效果加入进来。谢谢!
另:怪事,我发现在我的超宽本本上浏览的效果和我在台式机上不一样。不知何故?
效果演示:

http://www.szrgb.net/szrgb/officeadmin


相关JS代码作品展示

// 本代码由PAUL编写 主页: www.szrgb.net
    var i=0;
    var sobjTimer;
    var height=window.screen.height
    var width=window.screen.width

function getObj(objName){return(document.getElementById(objName));}
//设置登录框位置
  getObj("login").style.left=width/2-200;  
  getObj("login").style.top=height/2-200;
  getObj("nextdiv").style.left=width/2-145;  
  getObj("nextdiv").style.top=height/2+40;

//渐显效果。要配合setInterval使用
function change(){
        i++;
        getObj("login").style.filter = "Alpha(Opacity=" + i + ")"; //for IE    
        getObj("login").style.opacity = i/100; //for FF
        if(i>100) {window.clearInterval(sobjTimer);}
        }

sobjTimer =window.setInterval(change,10);


//设置移过图片时图片为全显

function imgchangeon(dd){
    getObj(dd).style.filter = "Alpha(Opacity=100)"; //for IE    
    getObj(dd).style.opacity = 100; //for FF
   
    }

//设置移出图片时图片为半透

function imgchangeou(dd){
    getObj(dd).style.filter = "Alpha(Opacity=50)"; //for IE    
    getObj(dd).style.opacity = 50; //for FF
    }

//点击图片相关登录框显示
function clickme(id){
     for(var i=1;i<=4;i++){
           if(i==id) {
         getObj("input"+i).style.display="block";
         getObj("fft"+i).style.color="#E09504";
      }
        else{
          if(i==4 || i==(id-1)){
             getObj("input"+i).style.display="none";
             getObj("fft"+i).style.color="#E8FBFF";
             }
             else{
             getObj("input"+i).style.display="none";
             getObj("fft"+i).style.color="#E8FBFF";
                  }
            }
     }
    }

//暂为弹出所选用户名及输入密码。可以扩展
function showvalue(id){
  var myname=getObj("fft"+id).innerText;
  var mypass=getObj("pass"+id).value;
  alert("用户名是:"+myname+" 密码:"+mypass);
}

谢谢大家!

源码下载

 蓝色相关帖:http://bbs.blueidea.com/thread-2750518-1-1.html

博客:http://blog.szrgb.net

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值