js之隔行换色-白红宇

js之隔行换色

阅读量：6289 次

发布时间：2019-06-22

本文共 2890 字，大约阅读时间需要 9 分钟。

HTML


      加载更多    
              
       这是第1个新闻×
        
       这是第2个新闻×
        
       这是第3个新闻×
        
       这是第4个新闻×
        
       这是第5个新闻×
        
       这是第6个新闻×
        
       这是第7个新闻×
        
       这是第8个新闻×
        
       这是第9个新闻×
        
       这是第10个新闻×
        
       这是第11个新闻×
        
       这是第12个新闻×
        
       这是第13个新闻×
        
       这是第14个新闻×
        
       这是第15个新闻×
        
       这是第16个新闻×
        
       这是第17个新闻×
        
       这是第18个新闻×
        
       这是第19个新闻×
    
      
    
      
       加载更多

Common

//通过类名获取元素样式function byClassName(sClassName){    if(document.getElementsBYClassName){        return document.getElementsByClassName(sClassName);    } else {        var allTagsName = document.getElementsByTagName('*');        var result = [];        for(var i = 0; i
       
         0 ? Math.ceil(speed) : Math.floor(speed);            var next = speed + cur;            if(attr === 'opacity'){                obj.style.opacity = next + 'px';                obj.style.opacity = 'alpha(opacity= ' + next + ') ';            } else {                obj.style[attr] = next + 'px';            }            if(next !== target[attr]){                allOk = false;            }        }        if(allOk){            clearInterval(obj.timer);            if(fn){                fn();            }        }    },50)}//添加事件兼容,绑定多个事件function bindEvent(obj,type,fn){    if(obj.addEventListener){        obj.addEventListener(type,fn);    } else {        obj.attachEvent('on' + type,fn);    }} function ajax({type,data,url,async,beforeSend,success,complete}){    var async = async || true;//    创建对象    var xhr = new XMLHttpRequest();//    字符串的拼接        if(typeof data === 'object'){            var str = '';            for(var attr in data){                str += encodeURIComponent(attr) + '=' + encodeURIComponent(data[attr]) + '&';            }            data = str.slice(0,-1);        }    if(type.toUpperCase() === 'GET' && data){        url += '?' + data;    }//    配置    xhr.open(type,url,async);//    接收数据    xhr.onreadystatechange = function(){        if(xhr.readyState === 4){            if(xhr.status === 200){                success && success(xhr.responseText);            }            complete && complete();        }    };//    发送    beforeSend && beforeSend();    if(type.toUpperCase() === 'POST'){        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');        xhr.send(data);    } else {        xhr.send();    }}

//各行变色var oList = byClassName('list')[0];var oLoadMore = byClassName('loadMore')[0];var oLi = oList.children;for(var i = 0 ; i
       
         {                var oNewLi = document.createElement('li');                oNewLi.innerHTML = '
        ×' + v;                oList.appendChild(oNewLi);            })        }    })}