我是新手。如何使用Mootools更改我的背景图像css属性?如何使用Mootools更改我的背景图像css属性?
2
A
回答
2
The MooTools docs for Element.Style应该能够为你解答这个问题。
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
相关问题
- 1. 如何更改背景图像的CSS属性w/jQuery
- 2. 如何使用CSS(背景图像属性)设置图像?
- 3. 通过单击图像更改CSS属性的背景颜色
- 4. CSS背景图像拉伸与背景图像属性
- 5. css背景图像的url属性
- 6. 如何更改JS中的背景图像属性
- 7. CSS背景属性使用
- 8. 我如何更改使用jQuery的css背景图片?
- 9. HTML背景图像更改为CSS?
- 10. 动态更改CSS背景图像
- 11. 随机图像背景更改PHP CSS
- 12. 如何更改CSS代码中的属性背景色
- 13. 如何更改TD的背景图像?
- 14. 如何更改div的背景图像?
- 15. 如何更改UIButton的背景图像?
- 16. 如何更改Alertdialog的背景图像
- 17. 使用Jquery更改背景颜色(CSS属性)
- 18. 如何优化CSS背景图片和背景-position属性
- 19. CSS背景属性
- 20. 背景CSS属性
- 21. CSS:如果我更改变焦,背景图像不再对齐
- 22. 使用JQuery更改背景图像
- 23. 使用jQuery更改div背景图像
- 24. 使用JavaScript更改背景图像
- 25. 使用图像更改uibarbuttonitem背景
- 26. 使用UISwitch更改背景图像
- 27. 如何更改CSS中的图像背景位置?
- 28. 更改属性页的背景图像 - MFC
- 29. jquery - 从选择的数据属性更改背景图像
- 30. 如何获取rainyday.js使用CSS背景图像作为背景?
我看到了这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
也许旧的文档显示了一个例子,但最新的文档没有显示设置背景图像的例子 – 2013-08-09 07:22:22