查看“︁Widget:追放信息”︁的源代码

<script>
(function() {
    function initExileInfobox() {
        document.querySelectorAll('.xb').forEach(function(box) {
            if (box.dataset.initialized) return;
            box.dataset.initialized = 'true';
            var btn = box.querySelector('.xb-skin-btn');
            var overlay = box.querySelector('.xb-overlay');
            var curName = box.querySelector('.xb-cur-name');
            var items = box.querySelectorAll('.xb-skin-item');
            var imgs = box.querySelectorAll('.xb-img-item');
            var intros = box.querySelectorAll('.xb-intro-item');
            if (!btn || !overlay) return;
            btn.addEventListener('click', function(e) {
                e.stopPropagation();
                var isOpen = overlay.classList.toggle('open');
                btn.classList.toggle('open', isOpen);
            });
            items.forEach(function(item) {
                item.addEventListener('click', function() {
                    var idx = item.getAttribute('data-idx');
                    items.forEach(function(el) { el.classList.remove('on'); });
                    imgs.forEach(function(el) { el.classList.remove('on'); });
                    intros.forEach(function(el) { el.classList.remove('on'); });
                    item.classList.add('on');
                    if (imgs[idx]) imgs[idx].classList.add('on');
                    if (intros[idx]) intros[idx].classList.add('on');
                    var nameEl = item.querySelector('.xb-skin-item-name');
                    if (nameEl && curName) {
                        curName.textContent = nameEl.textContent;
                    }
                    overlay.classList.remove('open');
                    btn.classList.remove('open');
                });
            });
            document.addEventListener('click', function(e) {
                if (!overlay.contains(e.target) && e.target !== btn) {
                    overlay.classList.remove('open');
                    btn.classList.remove('open');
                }
            });
        });
    }
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initExileInfobox);
    } else {
        initExileInfobox();
    }
})();
</script>