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";
    		}
    	}
	}
}


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章