skin.js

很好的东东 本人随便做的 仅供学习之用

window.initSkin = function(){
	window.initSkin_Impl(document.body);
}

window.initSkin_Impl = function(htmlNode){
	
	for(var child = htmlNode.firstChild; child != null; child = child.nextSibling)
		window.initSkin_Impl(child);
	
	if(htmlNode.nodeType != 1 || htmlNode.nodeName != "INPUT")
		return;
	
	var type = htmlNode.getAttribute("type");
	
	if(type != "submit" && type != "button" && type != "text" && type != "password" && type != "reset")
		return;
	
	var css = document.uniqueID ? htmlNode.className : htmlNode.getAttribute("class");
	
	if(css != "button" && css != "textbox")
		return;
	
	if(document.uniqueID){
		if(css == "button"){
			htmlNode.attachEvent("onmouseover",function(){htmlNode.className = "button-hover";});
			htmlNode.attachEvent("onmouseout",function(){htmlNode.className = "button";});
			htmlNode.attachEvent("onmousedown",function(){htmlNode.className = "button-active";});
			htmlNode.attachEvent("onmouseup",function(){htmlNode.className = "button-hover";});
		}else{
			htmlNode.attachEvent("onmouseover",function(){htmlNode.className = "textbox-hover";});
			htmlNode.attachEvent("onmouseout",function(){htmlNode.className = "textbox";});
		}	
		
	}else{
		if(css == "button"){
			htmlNode.addEventListener("mouseover",function(){htmlNode.setAttribute("class","button-hover");},false);	
			htmlNode.addEventListener("mouseout",function(){htmlNode.setAttribute("class","button");},false);	
			htmlNode.addEventListener("mousedown",function(){htmlNode.setAttribute("class","button-active");},false);	
			htmlNode.addEventListener("mouseup",function(){htmlNode.setAttribute("class","button-hover");},false);	
		}else{
			htmlNode.addEventListener("mouseover",function(){htmlNode.setAttribute("class","textbox-hover");},false);	
			htmlNode.addEventListener("mouseout",function(){htmlNode.setAttribute("class","textbox");},false);	
		}				
	}	
}