第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何讓一個頁面既有延遲切換,又有自動切換?

如何讓一個頁面既有延遲切換,又有自動切換?請高手多多指教!

正在回答

3 回答

什么意思? 一個頁面里面有兩個選項卡?

在一個頁面里ID是唯一的。

兩個選項卡你就要用兩個不同的ID。

0 回復(fù) 有任何疑惑可以回復(fù)我~

不好意思,不是頁面切換,是選項卡切換,在一個頁面上用兩種選項卡切換的js,只能執(zhí)行其中一種,請大俠指教!

//延遲切換選項卡
function?$(id){
????return?typeof?id==='string'?document.getElementById(id):id;
}

window.onload=function(){
??//?標(biāo)簽的索引
??var?index1=0;
??var?timer1=null;

??var?lis1=$('notice-tit').getElementsByTagName('li'),
??????divs1=$('notice-con').getElementsByTagName('div');

??if(lis1.length!=divs1.length)?return;

??//?遍歷所有的頁簽
??for(var?i=0;i<lis1.length;i++){
????lis1[i].id=i;
????lis1[i].onmouseover=function(){
??????//?用that這個變量來引用當(dāng)前滑過的li
??????var?that=this;
??????//?如果存在準備執(zhí)行的定時器,立刻清除,只有當(dāng)前停留時間大于500ms時才開始執(zhí)行
??????if(timer1){
????????clearTimeout(timer1);
????????timer1=null;
??????}
??????//?延遲半秒執(zhí)行
??????timer1=window.setTimeout(function(){
????????for(var?j=0;j<lis1.length;j++){
??????????lis1[j].className='';
??????????divs1[j].style.display='none';
????????}
????????lis1[that.id].className='select';
????????divs1[that.id].style.display='block';
??????},500);
????}
??}
}
//自動切換選項卡
function?$(id){
????return?typeof?id==='string'?document.getElementById(id):id;
}
window.onload=tab;

function?tab(){
??//?當(dāng)前高亮顯示的頁簽的索引
??var?index=0;
??var?timer=null;

??//?獲取所有的頁簽和要切換的內(nèi)容
??var?lis=$('new_tit').getElementsByTagName('li');
??var?divs=$('new-con').getElementsByTagName('div');
??//?遍歷每一個頁簽且給他們綁定事件
??for(var?e=0;e<lis.length;e++){
????lis[e].id=e;
????lis[e].onmouseover=function(){
??????clearInterval(timer);
??????changeOption(this.id);
????}
????lis[e].onmouseout=function(){??
??????timer=setInterval(autoPlay,2000);????
????}
??}
??
??if(timer){
????clearInterval(timer);
????timer=null;
??}?
??//?添加定時器,改變當(dāng)前高亮的索引
??timer=setInterval(autoPlay,2000);

??function?autoPlay(){
??????index++;
??????if(index>=lis.length){
?????????index=0;
??????}
??????changeOption(index);
??}

??function?changeOption(curIndex){
????for(var?f=0;f<lis.length;f++){
???????lis[f].className='';
???????divs[f].style.display='none';
????}
????//?高亮顯示當(dāng)前頁簽
????lis[curIndex].className='select';
????divs[curIndex].style.display='block';
????index=curIndex;
??}
}


0 回復(fù) 有任何疑惑可以回復(fù)我~

頁面?切換? 定時刷新頁面,是嗎?


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

zigengziyun 提問者

不好意思,不是頁面切換,是選項卡切換,在一個頁面上用兩種選項卡切換的js,只能執(zhí)行其中一種,請大俠指教!我小白一個!
2014-12-30 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

如何讓一個頁面既有延遲切換,又有自動切換?

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號