mac.js

用AJAX制作的一个超强桌面

/*
  Mac effect for Laputa System
  auther: Dark-Knight
  copyright: 4Fang Technology 广州海然数码科技有限公司
  date created : 2006-12-08
*/
var running = false ;
var iconName = [null];
var iconImage = new Array();
var iconAllSize = new Array();
var iconPath = "images/mac/";
var iconIndex = 0 ;
var iconSize = 64 ;
var oldDate = new Date();
var rate = 5 ;
var minIconSize = iconSize , maxIconSize = 128  , speed = 20;
var iconsLen = 360 ,diffSecond = 0 ;
function MACInit(){
	
	var iconC = document.getElementById("mac_icon_continue");
	iconAllSize.push(iconSize);
	iconImage.push(new Image());
	iconImage[0].src = iconPath + iconName[iconName.length-1]+".gif" ;
	for(var i = 0 ; i < iconC.getElementsByTagName("img").length ;  i ++){
		//var imageObject = iconC.childNodes[i].getElementsByTagName("img")[0];
		var imagePath = iconC.getElementsByTagName("img")[i].src;
		
		var imageFileName = imagePath.substring(
					imagePath.lastIndexOf("/")+1,imagePath.lastIndexOf("-sm.gif"));
		iconName.push(imageFileName);
		iconAllSize.push(iconSize);
		iconImage.push(new Image());
		iconImage[iconImage.length - 1].src = iconPath + iconName[iconName.length-1]+".gif" ;
	}
	window.setTimeout("shadow()",speed);
}

function zoominIcon(index){
	iconIndex = index ;
	oldDate = new Date();
	window.setTimeout("shadow()",speed);
}
function zoomoutIcon(index){
	iconIndex = 0 ;
	oldDate = new Date();
	window.setTimeout("shadow()",speed);
}

function shadow(){
	var len = 0 ;
	for(var i=1;i<iconName.length;i++){
        var imagename="image"+i;
        var imageElem=document.getElementById(imagename);
        if(iconIndex!=i){
			if(iconAllSize[i]>minIconSize){
				iconAllSize[i] -= rate;
				if(iconAllSize[i]<=minIconSize){
					iconAllSize[i]=minIconSize;
					imageElem.src=iconPath+iconName[i]+"-sm.gif"
				}
				if(iconAllSize[i] < maxIconSize){
					if(typeof IconMinEvent != "undefined"){
						IconMinEvent(i);
		    	    }
				}
				imageElem.width=iconAllSize[i];
				imageElem.height=iconAllSize[i];
				
				running=true;
			}
			var imageTitle = document.getElementById("imageTitle"+i);
			imageTitle.innerText = document.getElementById(imagename).alt;
			imageTitle.className = "MinImageTitle"; 
			//imageTitle.style.width = iconAllSize[i];
			len+=iconAllSize[i];
		}
	}
	
	/////////////////////////////////////////////
	if(iconIndex!=0&&iconAllSize[iconIndex]<maxIconSize){
		imagename="image"+iconIndex;
		imageElem=document.getElementById(imagename);
		///////////////////////////////////////////////////////////////////////
		var imageTitle = document.getElementById("imageTitle"+iconIndex);
		//imageTitle.innerText = document.getElementById(imagename).alt;
		imageTitle.innerText = "";
		imageTitle.className = "MaxImageTitle" ; 
		//imageTitle.style.width = iconAllSize[iconIndex];
		//var g=Math.floor(255-255*(iconAllSize[iconIndex]-iconSize)/iconSize);
		//imageTitle.style.color="rgb("+g+","+g+","+g+")";
		///////////////////////////////////////////////////////////////////////
		iconAllSize[iconIndex]+=rate;
		running = true;
		if(iconAllSize[iconIndex]>maxIconSize){
			iconAllSize[iconIndex]=maxIconSize
		}
		len+=iconAllSize[iconIndex];
		if(len<iconsLen){
			iconAllSize[iconIndex] += iconsLen - len;
			if(iconAllSize[iconIndex]>maxIconSize){
				iconAllSize[iconIndex]=maxIconSize;
			}
			len=iconsLen ;
		}
		imageElem.width=iconAllSize[iconIndex];
		imageElem.height=iconAllSize[iconIndex];
		document.getElementById(imagename).src= iconImage[iconIndex].src ;
	}else if(iconAllSize[iconIndex]>=maxIconSize && iconIndex != 0){
		if(typeof IconMaxEvent != "undefined"){
			IconMaxEvent(iconIndex);
		}
	}
	
	iconsLen=len;
	var tempDate=new Date();
   	diffSecond=tempDate.getTime() - oldDate.getTime();
    oldDate=tempDate;
    if(diffSecond>30){rate=5 ;}
    if(diffSecond>60){rate=10;}
    if(diffSecond>90){rate=15;}
    if(running){window.setTimeout("shadow()",speed);running = false;}
}