MediaWiki:Common.js

来自PD2汉化wiki
Lil174留言 | 贡献2025年2月9日 (日) 18:29的版本
跳转到导航 跳转到搜索

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
mw.loader.load( '//sdk.51.la/js-sdk-pro.min.js' );
mw.loader.load( '/w/index.php?title=MediaWiki:ExpandAndCollapse.js&action=raw&ctype=text/javascript' );

// 动态 Tooltip 初始化
$(document).ready(function() {
    var $tooltip = $('<div class="tooltip-container"></div>').appendTo('body');

    // 绑定鼠标事件
    $('.dynamic-tooltip').on('mousemove', function(e) {
        var tooltipText = $(this).data('tooltip');
        $tooltip.html(tooltipText).css({
            left: e.pageX + 15,
            top: e.pageY + 15,
            opacity: 1
        });

        // 防止 Tooltip 超出窗口
        var windowWidth = $(window).width();
        var tooltipWidth = $tooltip.outerWidth();
        if (e.pageX + tooltipWidth + 30 > windowWidth) {
            $tooltip.css('left', e.pageX - tooltipWidth - 10);
        }
    }).on('mouseleave', function() {
        $tooltip.css('opacity', 0);
    });
});

/* sitenotice 公告栏的滚动 */
$(function () {
    var self = $('#siteNoticeScroll');
    if (!self[0]) return;
    var ul = self.find('ul:first');
    ul.width(self.width() * self.find('li').length).attr({
        'data-left': 0,
        'data-length': self.find('li').length
    }).find('li').width(self.width());
    window.setInterval(function () {
        var dataset = ul[0].dataset,
            oldLeft = +dataset.left;
        ul.css('marginLeft', -(++oldLeft * self.width()) + 'px').delay(730).queue(function () {
            dataset.left = oldLeft === +dataset.length - 1 ? -1 : oldLeft;
            $(this).dequeue();
        });
    }, 5000);
    $(window).on('resize', function () {
        ul.width(self.width() * self.find('li').length).animate({
            marginLeft: -((+ul[0].dataset.left === -1 ? 0 : +ul[0].dataset.left) * self.width()) + 'px'
        }, 370);
    });
});