detail.js

C2C购物网站 含有数据库 解压后readme.txt里有详细说明

function initInfoSelector(){
	var liNode,aNode,i,j;
	//Output Tab Menu
	var targetNode = document.getElementById('InfoSelectorTarget');
	if(!targetNode) return;

	var ulNode = createElement('ul');
	ulNode.className = "TabBarLevel1";
	ulNode.id = "InfoSelector";
	ulNode = targetNode.appendChild(ulNode);
	

	for(i=0;i<TabNames.length;i++){
		liNode = createElement('li');
		liNode.id = "Tab" + TabIds[i];
		if(i == 0) liNode.className="Selected";
		liNode = ulNode.appendChild(liNode);
		aNode = createElement('a');
		aNode = liNode.appendChild(aNode);
		aNode.appendChild(document.createTextNode(TabNames[i]));
	}
	document.getElementById(TabIds[0]).className = "CurInfo";
	
	//Deploy Triggers
	var x = document.getElementById('InfoSelector');
	if (!x) return;
	var y = x.getElementsByTagName('li');
	for (i=0;i<y.length;i++){		
		for(j=0;j<y[i].childNodes.length;j++){
			if(y[i].childNodes[j].tagName == "A" || y[i].childNodes[j].tagName == "a"){
				y[i].childNodes[j].onmouseover = activeInfoStyle;
				y[i].childNodes[j].onmouseout = inactiveInfoStyle;
				y[i].childNodes[j].onclick = switchInfo;
				break;
			}
		}
	}
	x.onclick = null;
}
//Show or Hide the Info Sectors
function switchInfo(evnt){	
	for (var i=0;i<TabNames.length;i++){
		if(getTriggerNode(evnt).parentNode.id == "Tab"+TabIds[i]){
			doSwitchInfo(i);
		}
	}
}
function doSwitchInfo(n){	
	for (var i=0;i<TabNames.length;i++){
		var sector = document.getElementById(TabIds[i]);
		if(!sector) return;
		if(n == 0){
			sector.style.display = "";
			sector.className = "";
			document.getElementById(TabIds[0]).className = "CurInfo";
				switchTab(0);
		}else{
			sector.style.display = "none";
			if(n == i){
				sector.style.display = "";
				sector.className = "CurInfo";
				switchTab(i);
			}
		}		
	}
}
//Mouseover Effect
function activeInfoStyle(evnt){
	getTriggerNode(evnt).style.color = "#FF5500";
}
//Mouseout Effect
function inactiveInfoStyle(evnt){
	if(getTriggerNode(evnt).parentNode.className == "Selected")
		getTriggerNode(evnt).style.color = "#FFFFFF";		
	else
		getTriggerNode(evnt).style.color = "#333333";
}
//Switch Tab Effect
function switchTab(n){
	for(var i=0;i<TabNames.length;i++){
		var x = document.getElementById("Tab"+TabIds[i]);	
		x.className = "";
		var y = x.getElementsByTagName('a');
		y[0].style.color="#333333";
	}	
	document.getElementById("Tab"+TabIds[n]).className = "Selected";
}
//Create New DOM Element
function createElement(element) { 
	if (typeof document.createElementNS != 'undefined') { 
		return document.createElementNS('http://www.w3.org/1999/xhtml', element); 
	} 
	if (typeof document.createElement != 'undefined') { 
		return document.createElement(element); 
	} 
	return false; 
} 
//Get The Node Who Sent the Mouse Event
function getTriggerNode(e) {
	var obj;
	if (document.all) {
		obj = event.srcElement;
	}else {
		obj = e.target;
	}
	return obj;
}

var auctionImageObj;
function auctionResizeImage(obj, MaxW, MaxH)
{
    if (obj != null) auctionImageObj = obj;
	var state = '';
	if (document.all) {
		state = auctionImageObj.readyState;
	}else {
		state = auctionImageObj.complete ? 'complete' : '';
	}
	if(state!='complete') {
        setTimeout("auctionResizeImage(null,"+MaxW+","+MaxH+")",50);
		return;
    }
    var oldImage = new Image();
    oldImage.src = auctionImageObj.src;
    var dW=oldImage.width; var dH=oldImage.height;
    if(dW>MaxW || dH>MaxH) {
        a=dW/MaxW; b=dH/MaxH;
        if(b>a) a=b;
        dW=dW/a; dH=dH/a;
    }
    if(dW > 0 && dH > 0) {
        auctionImageObj.width=dW;
		auctionImageObj.height=dH;
	}
}