动态更改页面加载w / prototype的背景​​模式

时间:2010-06-21 23:34:38

标签: css prototypejs

与Twitter类似,我试图允许用户上传他们自己的背景图案/图像。我想知道在页面加载时动态更改背景模式的最佳方法是什么。我正在使用w / rails原型并通过将以下内容放入我的主布局页面进行测试:

<body id="pattern">
     <script type="text/javascript"> 
      document.observe('dom:loaded', function(){
        $('pattern').setStyle("background-image:url('/images/patterns/pattern.png');")
      })
    </script>
</body>

这是错误的b / c在使用javascript更改之前加载了不同的背景颜色。有没有办法比dom:loaded事件更早地更改css?这是正确的一般方法吗?

1 个答案:

答案 0 :(得分:0)

如果你不关心保持你的javascript不显眼,那么只要你的脚本出现在$('。pattern')元素之后,你就可以直接定位它,而无需等待文档的其余部分得到dom :装载