一款蓝色简洁的服务列表介绍tab按钮选项卡和主图文字内容一一对应切换效果。左右两边图标文字tab按钮,中间主图内容切换ui布局代码。适用于产品功能介绍tab选项卡样式布局。使用jQuery,SuperSlide多功能插件,采用flex布局,支持自适应浏览器宽度大小,div css制作完成的带主图tab切换代码。
调用方法说明
jQuery(".serve-content-middle").slide({
titCell:".hd li", // tab标签
mainCell:".bd", // 切换容器
effect: "fade", // 淡出淡现
trigger: "mouseover", // 鼠标悬停触发
delayTime: 800 // 延迟
});