欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Jquery封装tab自动切换效果的具体实现_jquery

程序员文章站 2022-05-30 21:22:15
...
今天我这边网速真是太慢了,打开一个网页要等待很久,但是还是想写篇文章----tab自动切换 因为工作中经常会碰到这样的问题 所以写博客也是总结下 最重要的是能分享下 及以后碰到类似的可以参考下! 当然这是我用Jquery来封装的 页面可以调用多次 调用方式 new tabSlider(obj,count); obj指容器最外层ID,count指有多个li 当然要引用我这个js的话 一定要按照我结构来写!下面的是我的HTML一些结构如下:
复制代码 代码如下:




tab1

tab2

tab3

tab4




结构是这样的!下面是我页面上的HTML/CSS的代码!
复制代码 代码如下:


无标题文档








tab1

tab2

tab3

tab4









tab1

tab2

tab3

tab4






相关标签: tab 切换 效果