MediaWiki:Common.js:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 标签:已被回退 |
无编辑摘要 标签:已被回退 |
||
| 第27行: | 第27行: | ||
}); | }); | ||
/* sitenotice */ | /* sitenotice 公告栏的滚动 */ | ||
$(function () { | $(function () { | ||
var self = $('#siteNoticeScroll'); | var self = $('#siteNoticeScroll'); | ||
| 第49行: | 第49行: | ||
}, 370); | }, 370); | ||
}); | }); | ||
}); | |||
/* DropDown 的交互逻辑 */ | |||
$(document).ready(function() { | |||
$('.custom-dropdown').click(function() { | |||
$(this).find('.dropdown-content').toggle(); | |||
}); | |||
}); | }); | ||
2025年2月4日 (二) 14:27的版本
/* 这里的任何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);
});
});
/* DropDown 的交互逻辑 */
$(document).ready(function() {
$('.custom-dropdown').click(function() {
$(this).find('.dropdown-content').toggle();
});
});