                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /Tab選項(xiàng)卡切換效果

我想看頁簽下面的內(nèi)容可鼠標(biāo)移入到內(nèi)容里面時(shí) 程序還是會(huì)自動(dòng)切換

難道還是要把內(nèi)容的DIV寫到LI里面？？？

還有什么其他的 onmouseout的寫法 ?

謝謝了

慕虎3037529

2016-04-12

源自：Tab選項(xiàng)卡切換效果 3-3

關(guān)注問題我要回答

952

操作

收起

3 回答

張俊AllenCheung
2017-04-23

我也遇到這個(gè)問題了鼠標(biāo)移出標(biāo)題欄到內(nèi)容區(qū)域還是會(huì)跳開讓客戶沒有時(shí)間選擇下面鏈接蜀國(guó)時(shí)間在3秒內(nèi)

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

收起回答

種子_fe
2017-04-04

這里我認(rèn)為老師寫的確實(shí)有這個(gè)bug，正確的思路應(yīng)該是鼠標(biāo)移入整個(gè)模塊時(shí)就清除定時(shí)器，解除自動(dòng)切換，這樣只要鼠標(biāo)在整個(gè)模塊里就不會(huì)自動(dòng)切換；鼠標(biāo)移入tab選項(xiàng)的li時(shí)也清除一下定時(shí)器，并且執(zhí)行changeOption函數(shù)進(jìn)行手動(dòng)切換；鼠標(biāo)移出整個(gè)模塊時(shí)才恢復(fù)定時(shí)器

//?鼠標(biāo)移入整個(gè)tab模塊時(shí)清除定時(shí)器，解除自動(dòng)切換
tabDiv.onmouseover?=?function()?{
??clearInterval(timer);
}
//?鼠標(biāo)移出整個(gè)tab模塊時(shí)恢復(fù)自動(dòng)切換
tabDiv.onmouseout?=?function()?{
??timer?=?setInterval(autoPlay,?2000);
}

而不是鼠標(biāo)移出tab選項(xiàng)的li時(shí)就恢復(fù)定時(shí)器，那樣的話移到內(nèi)容區(qū)也會(huì)恢復(fù)自動(dòng)切換，就出現(xiàn)了這個(gè)bug，影響用戶查看內(nèi)容