Javascript觸發的CSS效果

我正在處理一個小項目，如果用戶在網站上輸入Konami代碼，則將過濾器應用於每個元素（現在，在最終版本中會更好）。現在，我有：Javascript觸發的CSS效果

<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字符串）。

我得到了javascript alert消息來顯示，但無法實現此過濾器。我做錯了什麼？

來源

2013-02-06 Chris

保持類在樣式表：

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

然後將其添加到您的<body>標籤：

var success = function() { 
    document.body.className = 'blurred'; 
};

來源

2013-02-06 22:58:57 Blender

工作就像一個魅力，謝謝你！ – Chris

你永遠不追加style的頭：

head.appendChild(style);

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

來源

2013-02-06 22:59:56

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

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

來源

2013-02-06 23:01:54 earl3s

Javascript觸發的CSS效果

回答

相關問題