我是新手。如何使用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