js代码收集(1)_隐藏div、table间隔样式设置

切换按钮并且隐藏div

function hiddenObject(arg){
    var obj;
    if(arg instanceof Object){
            obj = arg;
    } else {
            obj = document.getElementById(arg);
    }
    var url = window.event.srcElement.src;
    if(obj.style.display == "" || obj.style.display == "block"){
            obj.style.display = "none";
            window.event.srcElement.src = url.replace(url,"img/drop1.gif");
    } else {
            obj.style.display = "block";
            window.event.srcElement.src = url.replace(url,"img/drop2.gif");
    }
}

table间隔列不同的颜色

function eventForMouseOver(element) {
	element.bgColor = "#dee8fe";
}

function eventForMouseOut(element) {
	if (element.rowIndex%2 == 0) {
		element.bgColor = "#f7f7f7";
	} else {
		element.bgColor = "";
	}
}
function initialize(tableElement) {
	if(tableElement){
    	var rows = tableElement.getElementsByTagName("TR");
    	for(var i = 1; i<tableElement.childNodes[0].childNodes.length; i++){
    		if (i%2 == 0) {
    			tableElement.childNodes[0].childNodes[i].bgColor = "#f7f7f7";
    		} else {
    			tableElement.childNodes[0].childNodes[i].bgColor = "#ffffff";
    		}
    	}
	}
}

posted on 2011-12-29 11:03 sp2012 阅读(396) 评论(0) 编辑收藏举报