思路：取得頭部和內(nèi)容的div，頭部當(dāng)前點擊的高亮，其余的去除高亮，并通過index（）方法獲得當(dāng)前點擊的索引，然后內(nèi)容div通過.eq(index)顯示和隱藏

優(yōu)化：當(dāng)前做法，從第一個快速移到最后一個，中間每個內(nèi)容都會相繼顯示出來。比較好的用戶體驗是，從某個標(biāo)簽迅速移到另一個標(biāo)簽，中間不想看的內(nèi)容不顯示出來。這就需要延遲切換效果（每次劃每次加載信息，必將影響性能）

使用定時器：setTimeout（500毫秒），每次鼠標(biāo)滑過的時候，先判斷定時器存不存在，存在的話先清除定時器，然后開啟定時器，執(zhí)行切換語句

要注意的是開啟定時器，執(zhí)行切換語句的時候，不能用$(this)，因為這時this指向的是定時器，應(yīng)該在鼠標(biāo)滑過的時候先把$(this)保存為一個變量，后面定時器開啟時，再用這個變量代進去

轉(zhuǎn)載于:https://www.cnblogs.com/zhangwenkan/p/3845248.html

總結(jié)

以上是生活随笔為你收集整理的[Jquery]tab页面切换效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。