我正在做一个小元素,如果用户在网站上输入 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 字符串)。
我已经得到要显示的 javascript alert
消息,但无法实现此过滤器。我做错了什么?
最佳答案
将类保留在样式表中:
.blurred {
-webkit-filter: blur(10px);
}
然后将其添加到您的 <body>
标签:
var success = function() {
document.body.className = 'blurred';
};
关于Javascript 触发的 CSS 效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14740476/