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

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

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

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

轉載于:https://www.cnblogs.com/zhangwenkan/p/3845248.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。