2009-11-16 51 views

回答

2

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

+0

我看到了这mootools的代码http://stackoverflow.com/questions/913173/body-background-image-change-with-fade-effect-mootools $(document.body的).setStyle('背景-image','url('+ pBackground +')'); 但我不知道如何应用它... – efoc 2009-11-16 15:36:56

+0

也许旧的文档显示了一个例子,但最新的文档没有显示设置背景图像的例子 – 2013-08-09 07:22:22

7

例如,在页面加载:

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

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

你需要,如果你决定你想淡入图像采取显著不同的方法。

+0

谢谢。任何演示为背景图像淡入效果? 我在http://devthought.com/wp-content/projects/mootools/barackslideshow/Demo/ 看到了这是否有可能使它改变背景图片? – efoc 2009-11-17 05:17:45

+0

这并不容易。没有严格改变文件的背景图像。您需要创建一个人造背景容器(一个绝对定位的div,位于正文内容的其余部分下方),并在该元素上应用脚本而不是Body本身。我从来没有见过这样做以前正确。 – 2009-11-20 10:20:20