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

来源:互联网 时间:1970-01-01


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



相关阅读:
Top