jQuery 效果:[1]tab切换
今天为大家分享一个jQuery做的tab标签切换。
新版网站正在开发,代码及方法什么的都需要重新编写,所以导航及子页面的部分tab切换采用了统一的方法,自己写了一个简单的方法,效果如下:
第一个是导航切换:
![jQuery 效果:[1]tab切换](https://exp-picture.cdn.bcebos.com/e6ae36066b0192dd59530c471a87031c98c0f0ab.jpg)
选择哪一项加一个底部border及图片加颜色,我采用的是换图片,两张图片。
![jQuery 效果:[1]tab切换](https://exp-picture.cdn.bcebos.com/256eb672941fbee441c94aeac1237971ff1de7ab.jpg)
![jQuery 效果:[1]tab切换](https://exp-picture.cdn.bcebos.com/19587f20a7cd0c6e84e1b807fed7997bbaf4ddab.jpg)
![jQuery 效果:[1]tab切换](https://exp-picture.cdn.bcebos.com/983aa5f4da5872da585adbbb0056ad042f68d4ab.jpg)
![jQuery 效果:[1]tab切换](https://exp-picture.cdn.bcebos.com/16a84fe10ef858565a2e129053e9ccd2ba66cdab.jpg)
![jQuery 效果:[1]tab切换](https://exp-picture.cdn.bcebos.com/84010e2a04e23ea2a3511ace2b10bc33ed38c3ab.jpg)
好了,基本上就是这样,等之后回吧代码整理一下打包上传。希望大家多多支持!
(共篇)声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:100
阅读量:34
阅读量:110
阅读量:144
阅读量:117