查看“Widget:ColorToggle”的源代码

<noinclude>Only for {{tl|ColorToggle}}</noinclude><includeonly><!--{if !isset($wgColorToggle) || !$wgColorToggle}--><!--{assign var="wgColorToggle" value=true scope="global"}--><script>
window.RLQ = window.RLQ || [];
window.RLQ.push(function() {
    mw.loader.implement("widgetColorToggle", function($, jQuery) {
        $(function() {
            function remember(flag) {
                if (flag == false || flag) {
                    var exp = new Date();
                    exp.setTime(exp.getTime() + 12450 * 24 * 60 * 60 * 1000);
                    if (window.localStorage) localStorage.setItem('widgetColorToggleFlag', !!flag);
                    else document.cookie = 'widgetColorToggleFlag=' + !!flag + ";expires=" + exp.toGMTString();
                } else {
                    if (window.localStorage) return localStorage.getItem('widgetColorToggleFlag') == 'true' ? true : false;
                    else {
                        var arr = document.cookie.match(/(^| )widgetColorToggleFlag=([^;]*)(;|$)/)
                        if (arr) return arr[2] == 'true' ? true : false
                        else return false;
                    }
                }
            }
            var button = $('.colorToggleButton:first'),
                block = $('.colorToggleBlock');
            if (!button[0]) {
                block.first().before('<span class="colorToggleButton"></span>');
                button = $('.colorToggleButton:first');
            }
            button.append($('<input/>', {
                attr: {
                    'type': 'button'
                },
                val: '一键去除歌词颜色',
                bind: {
                    'click': function() {
                        if (block.first().attr('style')) {
                            block.removeAttr('style');
                            $(this).val('一键还原歌词颜色');
                            remember(true);
                        } else {
                            block.each(function(_, ele) {
                                $(ele).css('color', ele.dataset.color);
                            });
                            $(this).val('一键去除歌词颜色');
                            remember(false);
                        }
                    }
                }
            }));
            if (remember()) button.find('input').click();
        });
    });
});
</script><style>
.colorToggleBlock {
    transition: 0.37s all linear;
}
.colorToggleButton input{
    display:block;
}</style><!--{/if}--></includeonly>