• jQuery Table tr 隔行换色小插件

    7年前零度温柔41691Javascript & jQuery

     (function($){
         $.fn.extend({
         "SetTableBgColor" : function(options){
             option = $.extend({
                 Odd : "Odd", //奇数
                 Even : "Even", //偶数
                 Selected : "Selected", //选中
                 Over : "Over" //鼠标移上去
             },options);  //此处options与function里的参数为同一个对象
             //隔行换色
             $("tbody > tr:even", this).addClass(option.Even);
             $("tbody > tr:odd", this).addClass(option.Odd);
             //鼠标移上去
             $("tbody > tr", this).mouseover(function(){
                 if ($(this).hasClass(option.Selected) == false){
                     $(this).addClass(option.Over);
                 }
             });
             //鼠标移出
             $("tbody > tr", this).mouseout(function(){
                 $(this).removeClass(option.Over);
             });
             //单击变色
             $("tbody > tr", this).click(function(){
                 $("tbody > tr").removeClass(option.Over);
                 if ($(this).hasClass(option.Selected) == false){
                     $(this).addClass(option.Selected);
                 }else{
                     $(this).removeClass(option.Selected);
                 }
             });
        
           
    jQuery 隔行换色  
    22
  • 关于table tr 隔行换色的JS代码

    7年前零度温柔32080Javascript & jQuery

    function senfe(o, a, b, c, d) {
    	var t = document.getElementById(o).getElementsByTagName("tr");
    	for ( var i = 0; i < t.length; i++) {
    		t[i].style.backgroundColor = (t[i].sectionRowIndex % 2 == 0) ? a : b;
    		t[i].onclick = function() {
    			if (this.x != "1") {
    				this.x = "1";// 本来打算直接用背景色判断,FF获取到的背景是RGB值,不好判断
    				this.style.backgroundColor = d;
    			} else {
    				this.x = "0";
    				this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
    			}
    		}
    		t[i].onmouseover = function() {
    			if (this.x != "1"){
    				this.style.backgroundColor = c;
    			}
    		}
    		t[i].onmouseout = function() {
    			if (this.x != "1"){
    				this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a:b;
    			}
    		}
    	}
    }
    //senfe("table ID","奇数行背景","偶数行背景","鼠标经过背景","点击后背景"); 
    senfe("senfe","#fff","#F3F8F7","#CFC","#CF9"); 
    
    18
12条记录2/2 页«12»