當(dāng)前位置:
首頁 >
[Jquery]tab页面切换效果
發(fā)布時間:2025/7/14
64
豆豆
生活随笔
收集整理的這篇文章主要介紹了
[Jquery]tab页面切换效果
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
思路:取得頭部和內(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Qt学习资源
- 下一篇: textview的基本设置