解决方案 »

  1.   

    var items=[elm1,elm2,elm3];
    var now = 0;
    var len = items.length;
    function change(){
    var pass = now;
    if(now == len){
    now = 0;
    }else{
    now = now+1;
    }
    removeClass(items[pass],'active');
    addClass(items[now],'active');
    }
    var time = setinterval(change,3000);
      

  2.   

    最笨的方法 
    给标签执行click()
      

  3.   

    <ul id="gai-tab" class="news-nav">
                        <li class="first active">
                            <label>俊采深度</label><a href="{PE.Label id="取得节点链接路径" nodeId="37" /}" class="more" title="俊采深度"></a>
                            <ul class="cont1">
                                 
    {PE.Label id="shouyexinwen" nodeids="37" len="90" ts="5" /}
                                 
     
                                 
                            </ul>
                        </li>
                        <li>
                            <label>行业新闻</label><a href="{PE.Label id="取得节点链接路径" nodeId="38" /}" class="more" title="行业新闻"></a>
                            <ul class="cont1">
                                 
    {PE.Label id="shouyexinwen" nodeids="38" len="90" ts="5" /}               
                                 
                            </ul>
                        </li>
                        <li>
                            <label>俊采公告</label><a href="{PE.Label id="取得节点链接路径" nodeId="39" /}" class="more" title="俊采公告"></a>
                            <ul class="cont1">
                                 
    {PE.Label id="shouyexinwen" nodeids="39" len="90" ts="5" /}
                            </ul>
                        </li>
                        <li>
                            <label>解决方案</label><a href="{PE.Label id="取得节点链接路径" nodeId="40" /}" class="more" title="解决方案"></a>
                            <ul class="cont1">
                                 
                    {PE.Label id="shouyexinwen" nodeids="40" len="90" ts="5" /}   
     
                                 
                            </ul>
                        </li>
                         
                            <li>
                            <label>HR专区</label><a href="{PE.Label id="取得节点链接路径" nodeId="41" /}" class="more" title="HR专区"></a>
                            <ul class="cont1">
                                 
                            {PE.Label id="shouyexinwen" nodeids="41" len="90" ts="5" /}
                                 
                                 
                                 
     
                                 
                            </ul>
                        </li>
                         
                         
                                     <li>
                            <label>人才服务</label><a href="{PE.Label id="取得节点链接路径" nodeId="42" /}" class="more" title="人才服务"></a>
                            <ul class="cont1">
                        {PE.Label id="shouyexinwen" nodeids="42" len="90" ts="5" /}
                                 
                            </ul>
                        </li>
                         
                    </ul>
    <script>
        var lis = [], uls = document.getElementById('gai-tab').getElementsByTagName('ul'),nowIndex=0;
        for (var i = 0; i < uls.length; i++) { lis[i] = uls[i].parentNode; uls[i].style.display = i == 0 ? 'block' : 'none'; }
        lis[0].className = 'first active';
        setInterval(function () {
            nowIndex++;
            if (nowIndex >= uls.length) nowIndex = 0;
            for (var i = 0; i < uls.length; i++) {
                lis[i].className = i == nowIndex ? 'first active' : '';
                uls[i].style.display = i == nowIndex ? 'block' : 'none';
            }
        }, 3000);
    </script>
      

  4.   

    <ul id="gai-tab" class="news-nav">
                        <li class="first active">
                            <label>俊采深度</label><a href="{PE.Label id="取得节点链接路径" nodeId="37" /}" class="more" title="俊采深度"></a>
                            <ul class="cont1">
                                  
    {PE.Label id="shouyexinwen" nodeids="37" len="90" ts="5" /}
                                  
      
                                  
                            </ul>
                        </li>
                        <li>
                            <label>行业新闻</label><a href="{PE.Label id="取得节点链接路径" nodeId="38" /}" class="more" title="行业新闻"></a>
                            <ul class="cont1">
                                  
    {PE.Label id="shouyexinwen" nodeids="38" len="90" ts="5" /}               
                                  
                            </ul>
                        </li>
                        <li>
                            <label>俊采公告</label><a href="{PE.Label id="取得节点链接路径" nodeId="39" /}" class="more" title="俊采公告"></a>
                            <ul class="cont1">
                                  
    {PE.Label id="shouyexinwen" nodeids="39" len="90" ts="5" /}
                            </ul>
                        </li>
                        <li>
                            <label>解决方案</label><a href="{PE.Label id="取得节点链接路径" nodeId="40" /}" class="more" title="解决方案"></a>
                            <ul class="cont1">
                                  
                    {PE.Label id="shouyexinwen" nodeids="40" len="90" ts="5" /}   
      
                                  
                            </ul>
                        </li>
                          
                            <li>
                            <label>HR专区</label><a href="{PE.Label id="取得节点链接路径" nodeId="41" /}" class="more" title="HR专区"></a>
                            <ul class="cont1">
                                  
                            {PE.Label id="shouyexinwen" nodeids="41" len="90" ts="5" /}
                                  
                                  
                                  
      
                                  
                            </ul>
                        </li>
                          
                          
                                     <li>
                            <label>人才服务</label><a href="{PE.Label id="取得节点链接路径" nodeId="42" /}" class="more" title="人才服务"></a>
                            <ul class="cont1">
                        {PE.Label id="shouyexinwen" nodeids="42" len="90" ts="5" /}
                                  
                            </ul>
                        </li>
                          
                    </ul>
    <script>
    function contains(t,o){
      if(t==o)return true;
      while(o=o.parentNode)if(o==t)return true;
      return false;
    }
        var lis = [], uls = document.getElementById('gai-tab').getElementsByTagName('ul'),nowIndex=0;
        for (var i = 0; i < uls.length; i++) { lis[i] = uls[i].parentNode; uls[i].style.display = i == 0 ? 'block' : 'none'; 
    lis[i].onmouseover=lis[i].onmouseout=function(e){
    if(this.className.indexOf('active')==-1)return false
    e=e||window.event;
    if(e.type=='mouseover')clearInterval(timer);
    else{
      var o=e.toElement||e.ralatedTarget;
      if(contains(this,o))return false;
      timer=   setInterval(chr, 3000);
    }
    }}
    function chr() {
            nowIndex++;
            if (nowIndex >= uls.length) nowIndex = 0;
            for (var i = 0; i < uls.length; i++) {
                lis[i].className = i == nowIndex ? 'first active' : '';
                uls[i].style.display = i == nowIndex ? 'block' : 'none';
            }
        }
        lis[0].className = 'first active';
     var timer=   setInterval(chr, 3000);
    </script>
      

  5.   

    http://blog.csdn.net/hch126163/article/details/6050485
      

  6.   

    <ul id="gai-tab" class="news-nav">
                        <li class="first active">
                            <label>俊采深度</label><a href="{PE.Label id="取得节点链接路径" nodeId="37" /}" class="more" title="俊采深度"></a>
                            <ul class="cont1">
                                   
    {PE.Label id="shouyexinwen" nodeids="37" len="90" ts="5" /}
                                   
       
                                   
                            </ul>
                        </li>
                        <li>
                            <label>行业新闻</label><a href="{PE.Label id="取得节点链接路径" nodeId="38" /}" class="more" title="行业新闻"></a>
                            <ul class="cont1">
                                   
    {PE.Label id="shouyexinwen" nodeids="38" len="90" ts="5" /}               
                                   
                            </ul>
                        </li>
                        <li>
                            <label>俊采公告</label><a href="{PE.Label id="取得节点链接路径" nodeId="39" /}" class="more" title="俊采公告"></a>
                            <ul class="cont1">
                                   
    {PE.Label id="shouyexinwen" nodeids="39" len="90" ts="5" /}
                            </ul>
                        </li>
                        <li>
                            <label>解决方案</label><a href="{PE.Label id="取得节点链接路径" nodeId="40" /}" class="more" title="解决方案"></a>
                            <ul class="cont1">
                                   
                    {PE.Label id="shouyexinwen" nodeids="40" len="90" ts="5" /}   
       
                                   
                            </ul>
                        </li>
                           
                            <li>
                            <label>HR专区</label><a href="{PE.Label id="取得节点链接路径" nodeId="41" /}" class="more" title="HR专区"></a>
                            <ul class="cont1">
                                   
                            {PE.Label id="shouyexinwen" nodeids="41" len="90" ts="5" /}
                                   
                                   
                                   
       
                                   
                            </ul>
                        </li>
                           
                           
                                     <li>
                            <label>人才服务</label><a href="{PE.Label id="取得节点链接路径" nodeId="42" /}" class="more" title="人才服务"></a>
                            <ul class="cont1">
                        {PE.Label id="shouyexinwen" nodeids="42" len="90" ts="5" /}
                                   
                            </ul>
                        </li>
                           
                    </ul>
    <script>
        function contains(t, o) {
            if (t == o) return true;
            while (o = o.parentNode) if (o == t) return true;
            return false;
        }
        var lis = [], ulTab = document.getElementById('gai-tab'), uls = ulTab.getElementsByTagName('ul'), nowIndex = 0;
        for (var i = 0; i < uls.length; i++) {
            lis[i] = uls[i].parentNode; 
            uls[i].style.display = i == 0 ? 'block' : 'none';        lis[i].onmouseover = lis[i].onmouseout = (function (index) {
                return function (e) {
                    //if (this.className.indexOf('active') == -1) return false
                    e = e || window.event;
                    if (e.type == 'mouseover') {
                        clearInterval(timer);
                        chr(index);
                    }
                    else {
                        var o = e.toElement || e.relatedTarget;
                        if (contains(ulTab, o)) return false;
                        timer = setInterval(function () { chr() }, 3000);
                    }
                }
            })(i);    }
        function chr(index) {
            if (index == undefined) nowIndex++;
            else nowIndex = index;
            if (nowIndex >= uls.length) nowIndex = 0;
            for (var i = 0; i < uls.length; i++) {
                lis[i].className = i == nowIndex ? 'first active' : '';
                uls[i].style.display = i == nowIndex ? 'block' : 'none';
            }
        }
        lis[0].className = 'first active';
        var timer = setInterval(function () { chr() }, 3000);
    </script>