MediaWiki:Common.js:修订间差异
来自勿忘草与永远的少女
跳到导航跳到搜索
无编辑摘要 标签:已被回退 |
无编辑摘要 标签:已被回退 |
||
| 第87行: | 第87行: | ||
}); | }); | ||
// 棋子图鉴筛选 | // 棋子图鉴筛选 - 仿FGO维基 | ||
$(function() { | $(function() { | ||
$('.filter-btn').on('click', function(e) { | $('.filter-btn').on('click', function(e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
var type = $(this).data('type'); | |||
var value = $(this).data('value'); | |||
var cards = $('.role-card'); | |||
if (value === 'all') { | |||
cards.show(); | |||
return; | |||
} | |||
cards.each(function() { | |||
var data = $(this).data(type); | |||
$(' | if (data === value || (type === 'team' && data.includes(value))) { | ||
$(this).show(); | |||
}).hide(); | } else { | ||
} | $(this).hide(); | ||
} | |||
}); | |||
}); | }); | ||
}); | }); | ||
2026年4月6日 (一) 19:21的版本
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
$(function() {
// 检查是否已存在导航栏,避免重复添加
if ($('.fixed-top-nav').length === 0) {
// 导航栏 HTML 结构
var navHtml = `
<div class="fixed-top-nav">
<a href="首页" class="nav-logo">
<img src="/wikibg/logo.jpg" alt="网站Logo">
<span>万华镜</span>
</a>
<div class="nav-links">
<a href="首页" class="nav-link">
📚 首页
</a>
<a href="游戏攻略" class="nav-link">
📖 游戏攻略
</a>
<a href="棋子" class="nav-link">
⚔️ 棋子图鉴
</a>
<a href="天赋图鉴" class="nav-link">
🗺️ 天赋图鉴
</a>
<a href="装备图鉴" class="nav-link">
📊 装备图鉴
</a>
<a href="https://www.war3whj.top/war3wiki/moniqi/moniqi.html" class="nav-link">
📊 阵容模拟器
</a>
</div>
</div>
`;
// 将导航栏插入到 body 开头
$('body').prepend(navHtml);
// 滚动时添加效果(可选)
$(window).scroll(function() {
if ($(window).scrollTop() > 50) {
$('.fixed-top-nav').addClass('scrolled');
} else {
$('.fixed-top-nav').removeClass('scrolled');
}
});
}
});
$(function() {
// 确保页脚固定在底部
var footer = $('#footer, .mw-footer');
if (footer.length > 0) {
// 设置底部内边距避免内容被遮挡
var footerHeight = footer.outerHeight();
$('body').css('padding-bottom', footerHeight + 20 + 'px');
// 窗口大小改变时重新计算
$(window).resize(function() {
var newHeight = footer.outerHeight();
$('body').css('padding-bottom', newHeight + 20 + 'px');
});
}
});
$(function() {
// 为角色卡片添加悬停效果(可选,纯CSS已有,这里作为备用)
$('.character-card').hover(
function() { $(this).addClass('hover'); },
function() { $(this).removeClass('hover'); }
);
// 动态计算右侧边栏高度(可选,用于对齐)
function adjustSidebarHeight() {
var leftHeight = $('.custom-homepage .left-column').outerHeight();
var rightHeight = $('.custom-homepage .right-column').outerHeight();
if (rightHeight < leftHeight && $(window).width() > 768) {
$('.custom-homepage .right-column').css('min-height', leftHeight);
}
}
// 延迟执行,等待图片加载完成
setTimeout(adjustSidebarHeight, 500);
$(window).resize(adjustSidebarHeight);
});
// 棋子图鉴筛选 - 仿FGO维基
$(function() {
$('.filter-btn').on('click', function(e) {
e.preventDefault();
var type = $(this).data('type');
var value = $(this).data('value');
var cards = $('.role-card');
if (value === 'all') {
cards.show();
return;
}
cards.each(function() {
var data = $(this).data(type);
if (data === value || (type === 'team' && data.includes(value))) {
$(this).show();
} else {
$(this).hide();
}
});
});
});