1

私は小さなプロジェクトに取り組んでおり、ユーザーがサイトでコナミ コードを入力すると、すべての要素にフィルターが適用されます (今のところ、最終バージョンでは改善されます)。今私は持っています：

    <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/しています（ドキュメントには、上記の方法で、またはリダイレクトとして使用する URL 文字列を使用して新しいコナミを作成できると記載されています）。

表示するJavaScriptalertメッセージを取得しましたが、このフィルターを実装できません。私は何を間違えましたか？

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 に答える