首页/MediaWiki:Common.js:修订间差异

来自心灵终结资料站
跳转到导航 跳转到搜索
无编辑摘要
标签已被回退
Lyx讨论 | 贡献
(清空全部内容)
标签清空 手工回退
 
第1行: 第1行:
// 确保jQuery已加载
 
$(function() {
    // 为一级菜单标题添加点击折叠功能
    $('#mw-panel .portal h5').each(function() {
        var $heading = $(this);
        var $body = $heading.siblings('.body');
       
        // 初始化展开状态
        $body.data('expanded', true);
       
        // 添加点击切换事件
        $heading.on('click', function(e) {
            var $body = $(this).siblings('.body');
            var isExpanded = $body.data('expanded');
           
            if (isExpanded) {
                $body.slideUp(200);
                $body.data('expanded', false);
                // 更换图标(可选)
                $(this).css('background-image', 'url("data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"%23495057\\" stroke-width=\\"2\\"><path d=\\"M6 9l6 6 6-6\\"/></svg>")');
            } else {
                $body.slideDown(200);
                $body.data('expanded', true);
                // 恢复图标
                $(this).css('background-image', 'url("data:image/svg+xml;utf8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"%23495057\\" stroke-width=\\"2\\"><path d=\\"M4 6h16M4 12h16M4 18h16\\"/></svg>")');
            }
        });
    });
   
    // 二级菜单项动态效果 - 跟随鼠标光晕
    $('#mw-panel .portal .body ul li').hover(
        function() {
            // 鼠标进入时添加额外的光晕效果
            $(this).css('box-shadow', '0 2px 8px rgba(13, 110, 253, 0.15)');
        },
        function() {
            $(this).css('box-shadow', 'none');
        }
    );
});

2026年7月8日 (三) 00:35的最新版本