如何使用Mootools更改我的background-image css属性?

时间:2009-11-16 14:55:40

标签: css mootools background-image

我是新手。如何使用Mootools更改我的background-image css属性?

3 个答案:

答案 0 :(得分:7)

示例,在页面加载时:

<div id="yourElement"></div>

<script type="text/javascript">
window.addEvent('domready', function() {
    $('yourElement').setStyle('background-image', 'url(path/to/your/image)');
});
</script>

答案 1 :(得分:2)

The MooTools docs for Element.Style应该可以为你解答这个问题。

答案 2 :(得分:1)

window.addEvents({
  // fire when the DOM is loaded
  domready: function(){
    // path to the image
    var pathToBackgroundImage = '/path/to/the/image.jpg';
    // set the background-image
    $(document.body).setStyle('background-image','url(' + pathToBackgroundImage + ')');
  }
});

如果你决定淡入图像,你需要采取一种截然不同的方法。