带左右滚动动画特效的jQuery切换的tab选项卡代码

时间:2022-08-05 06:24:33

最终效果

带左右滚动动画特效的jQuery切换的tab选项卡代码

1.html结构

带左右滚动动画特效的jQuery切换的tab选项卡代码

2.css结构

带左右滚动动画特效的jQuery切换的tab选项卡代码

3.jquery代码

带左右滚动动画特效的jQuery切换的tab选项卡代码

案例难点:当打开页面后,没有默认的选项卡,鼠标离开所有选项卡后,页面没有停留在最后鼠标经过的选项卡处。通过调用函数moveCount(0)实现了,打开后默认为第一个选项卡,通过ClearStyle()实现了当鼠标离开选项卡后,页面停留在了最后鼠标经过的选项卡处。