1

我正在做一个小项目，如果用户在网站上输入 Konami 代码，则会对每个元素应用一个过滤器（目前，最终版本会更好）。现在我有：

    <script type="text/javascript">
        var success = function() {
            var css = 'div { -webkit-filter: blur(10px); }',
                head = document.getElementsByTagName('head')[0],
                style = document.createElement('style');

            style.type = 'text/css';
            if (style.styleSheet){
                style.styleSheet.cssText = css;
            } else {
                style.appendChild(document.createTextNode(css));
            }
        }
        var konami = new Konami(success);
    </script>

并且我正在使用http://snaptortoise.com/konami-js/它在与重定向而不是函数一起使用时成功运行（文档说我可以使用上面显示的方法创建一个新的 Konami，或者使用要用作重定向的 url 字符串）。

我已经收到alert要显示的 javascript 消息，但无法实现此过滤器。我做错什么了？

4

3 回答 3

2

将类保留在样式表中：

.blurred {
    -webkit-filter: blur(10px);
}

然后将其添加到您的<body>标签中：

var success = function() {
    document.body.className = 'blurred';
};
于 2013-02-06T22:58:57.837 回答
2

你永远不会附加style到头部：

head.appendChild(style);

http://jsfiddle.net/ExplosionPIlls/2mTJf/

于 2013-02-06T22:59:56.643 回答
0

您需要添加head.appendChild(style).

JS 小提琴http://jsfiddle.net/NMetj/

于 2013-02-06T23:01:54.177 回答