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);
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);
给标签执行click()
<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>
<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>
<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>