打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.js:修订间差异

MediaWiki界面页面
秋绘君留言 | 贡献
测试
 
秋绘君留言 | 贡献
无编辑摘要
标签已被回退
第40行: 第40行:
         // 4. 清空原有的“散装”内容,插入标准结构
         // 4. 清空原有的“散装”内容,插入标准结构
         $tabsContainer.empty().append($labelWrapper).append($contentWrapper).addClass('tabs-initialized');
         $tabsContainer.empty().append($labelWrapper).append($contentWrapper).addClass('tabs-initialized');
    });
});
/* 首页智能轮播图控制代码 */
mw.hook('wikipage.content').add(function($content) {
    $content.find('.dynamic-carousel').each(function() {
        var $track = $(this).find('.carousel-track');
        var $slides = $track.find('.carousel-slide');
        var count = $slides.length;
       
        // 如果只有 1 张图或者没有图,就不浪费力气滑动了
        if (count <= 1) return;
       
        var currentIndex = 0;
       
        // 每隔 4000 毫秒(4秒)自动往后滑一张
        setInterval(function() {
            currentIndex = (currentIndex + 1) % count;
            var moveDistance = currentIndex * 100;
            $track.css('transform', 'translateX(-' + moveDistance + '%)');
        }, 4000);
     });
     });
});
});

2026年2月24日 (二) 15:58的版本

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
/* 萌百风格 Tabs 自动转换脚本 */
$(function() {
    $('.Tabs').each(function() {
        var $tabsContainer = $(this);
        // 1. 检查是否已经初始化过
        if ($tabsContainer.hasClass('tabs-initialized')) return;

        // 2. 提取所有的标签和内容
        var $tabItems = $tabsContainer.find('> .Tab');
        if ($tabItems.length === 0) return;

        // 3. 创建标准的标签栏和内容容器
        var $labelWrapper = $('<div class="TabLabel"></div>');
        var $contentWrapper = $('<div class="TabContent"></div>');

        $tabItems.each(function(index) {
            var $item = $(this);
            var $label = $item.find('> .TabLabelText');
            var $content = $item.find('> .TabContentText');

            // 给第一个设为选中
            if (index === 0) {
                $label.addClass('selected');
                $content.addClass('selected');
            }

            // 绑定点击事件
            $label.on('click', function() {
                $labelWrapper.find('.TabLabelText').removeClass('selected');
                $contentWrapper.find('.TabContentText').removeClass('selected');
                $(this).addClass('selected');
                $content.addClass('selected');
            });

            $labelWrapper.append($label);
            $contentWrapper.append($content);
        });

        // 4. 清空原有的“散装”内容,插入标准结构
        $tabsContainer.empty().append($labelWrapper).append($contentWrapper).addClass('tabs-initialized');
    });
});

/* 首页智能轮播图控制代码 */
mw.hook('wikipage.content').add(function($content) {
    $content.find('.dynamic-carousel').each(function() {
        var $track = $(this).find('.carousel-track');
        var $slides = $track.find('.carousel-slide');
        var count = $slides.length;
        
        // 如果只有 1 张图或者没有图,就不浪费力气滑动了
        if (count <= 1) return; 
        
        var currentIndex = 0;
        
        // 每隔 4000 毫秒(4秒)自动往后滑一张
        setInterval(function() {
            currentIndex = (currentIndex + 1) % count;
            var moveDistance = currentIndex * 100;
            $track.css('transform', 'translateX(-' + moveDistance + '%)');
        }, 4000); 
    });
});