jQuery淡入淡出选项卡效果
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何使用jquery.tabso_yeso.js制作淡入淡出选项卡效果。

参数说明

  • cntSelect:内容块的直接父元素的 jq 选择器

  • tabEvent:触发事件名

  • tabStyle:切换方式。可取值："normal" "fade" "move" "move-fade" "move-animate"

  • direction:移动方向。可取值："left" "top" （tabStyle为"move"或"move-fade" "move-animate"时有效）

  • aniMethod:动画方法（特殊效果需插件（如：easing）支持，tabStyle为"move-animate"时有效）

  • aniSpeed:动画速度

  • onStyle:菜单选中样式名

主要js

<script>
    $(document).ready(function ($) {
        $("#fadetab").tabso({
            cntSelect: "#fadecon",
            tabEvent: "mouseover",
            tabStyle: "fade"
        });
    });
</script>