WebRoot/admin/js/maintabs.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

$(function(){
    //计算元素集合的总宽度
    function mcalSumWidth(elements) {
        var width = 0;
        $(elements).each(function () {
            width += $(this).outerWidth(true);
        });
        return width;
    }
    //滚动到指定选项卡
    function mscrollToTab(element) {
        var marginLeftVal = mcalSumWidth($(element).prevAll()), marginRightVal = mcalSumWidth($(element).nextAll());
        // 可视区域非tab宽度
        var tabOuterWidth = mcalSumWidth($(".ad-main-nav-box").children().not(".ad-main-wraper"));
        //可视区域tab宽度
        var visibleWidth = $(".ad-main-nav-box").outerWidth(true) - tabOuterWidth;
        //实际滚动宽度
        var scrollVal = 0;
        if ($(".ad-main-list").outerWidth() < visibleWidth) {
            scrollVal = 0;
        } else if (marginRightVal <= (visibleWidth - $(element).outerWidth(true) - $(element).next().outerWidth(true))) {
            if ((visibleWidth - $(element).next().outerWidth(true)) > marginRightVal) {
                scrollVal = marginLeftVal;
                var tabElement = element;
                while ((scrollVal - $(tabElement).outerWidth()) > ($(".ad-main-list").outerWidth() - visibleWidth)) {
                    scrollVal -= $(tabElement).prev().outerWidth();
                    tabElement = $(tabElement).prev();
                }
            }
        } else if (marginLeftVal > (visibleWidth - $(element).outerWidth(true) - $(element).prev().outerWidth(true))) {
            scrollVal = marginLeftVal - $(element).prev().outerWidth(true);
        }
        $('.ad-main-list').animate({
            marginLeft: 0 - scrollVal + 'px'
        }, "fast");
    }
    //查看左侧隐藏的选项卡
    function mscrollTabLeft() {
        var marginLeftVal = Math.abs(parseInt($('.ad-main-list').css('margin-left')));
        // 可视区域非tab宽度
        var tabOuterWidth = mcalSumWidth($(".ad-main-nav-box").children().not(".ad-main-wraper"));
        //可视区域tab宽度
        var visibleWidth = $(".ad-main-nav-box").outerWidth(true) - tabOuterWidth;
        //实际滚动宽度
        var scrollVal = 0;
        if ($(".ad-main-list").width() < visibleWidth) {
            return false;
        } else {
            var tabElement = $(".ad-main-list li:first");
            var offsetVal = 0;
            while ((offsetVal + $(tabElement).outerWidth(true)) <= marginLeftVal) {//找到离当前tab最近的元素
                offsetVal += $(tabElement).outerWidth(true);
                tabElement = $(tabElement).next();
            }
            offsetVal = 0;
            if (mcalSumWidth($(tabElement).prevAll()) > visibleWidth) {
                while ((offsetVal + $(tabElement).outerWidth(true)) < (visibleWidth) && tabElement.length > 0) {
                    offsetVal += $(tabElement).outerWidth(true);
                    tabElement = $(tabElement).prev();
                }