我有有這樣的風格在CSS文件中的頁面：如何改變HTML背景動態
body
{
background: #000000 url(images/back_all.gif) repeat-x top;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color: #666666;
}
，我要麼這是在window.onload之後加載並導致網頁被擴大一個javascript vericaly，所以我的其餘部分將變黑。 javascript代碼完成後，如何將背景圖片應用於我的頁面？
的jQuery：
$('body').css('backgroundImage', 'url(something.gif)');
非jQuery的：
分配主體中的ID：<body id="the_body">
document.getElementById('the_body').style.backgroundImage = "something.gif"
或約翰提到
document.body.style.backgroundImage = "something.gif";
，此外，提到一件T持久性有機污染物，確保它會在最後：
<html>
<body>
..... Data ........
<script type="text/javascript">
.... Code ........
</script>
</body>
</html>
這就是如果你在頁面上運行jQuery。 – 2009-07-28 14:29:41
document.body怎麼樣？ – 2009-07-28 15:03:35
這可以工作，我會添加它。 – 2009-07-28 15:57:18
一些瀏覽器有一個錯誤（鉻，Safari），他們不正確擴展HTML正文背景，直到重新加載發生。根據你實際在javascript中做什麼，這裏可能沒有解決方案。
CSS樣式 '重複-X' 設置背景只能水平擴展而不能垂直擴展。從代碼中移除該部分將確保您的背景在X（水平）和Y（垂直）兩個方向上重複。
我想將這個在文件的結尾可以工作：
<script type="text/javascript">
var obj= document.getElementByName("body");
obj.style.background = "#000000 url(images/myimage.gif) repeat-x top";
// change color, image and settings
</script>
問候
document.getElementByName不起作用。 getElement * s *會返回一個數組。 – vahidg 2009-07-28 14:37:30
這是行不通的 – 2009-07-28 15:03:05
你是對的。對不起，不記得那個... – Atmocreations 2009-07-28 15:54:57
will give an example hope it will helpful for you.
<a class="t-hub" href="#" title="T-HUB">
<div>
<img src="../../images/TBO_Tran_Logo.png" class="imglogocenter" alt="" style="width: 110px; height: 64px;margin: -6px 0 0;">
</div> </a>
You see the class **imglogocenter** we can call the class which page we have to change the image dynamically,go through that page and put in a css property changes in a loading function .Dont go and change the css property in the main page.
Here I can demonstrate
Example:
$(function() {
// $('#dvLoading').fadeOut(2000);
$('.imglogocenter').css('margin','-11px 0 0');
});
試試這個使用Javascript，只是形式在腳本中的數組，並使用隨機方法 http://suzzcodes.com/how-to-change-the-website-background-dynamically/
那麼，如果你像我一樣，你是JavaScript和jQuery的新手，你會發現這個任務非常艱鉅。但是你很幸運，因爲我找到了解決方案。在此之前
鏈接jQuery的：試試這個
$(function es() {
$('body').addClass('sec');
});
和CSS這樣做：
body {
background-Image: url(../someImage);
}
.sec {
background-Image: url(../anotherImage);
}
這是什麼主要作用是它給人的身體一類的第二和CSS第二具有與身體不同的背景圖像，因此它覆蓋身體css規則//我認爲//我也是這個新手//
當你說「導致頁面垂直展開」，你是什麼意思？你的意思是瀏覽器窗口或一些html元素？ – NotMe 2009-07-28 14:27:06
是的，它會將組件網頁添加到頁面 – JGC 2009-07-28 14:28:08
我不認爲你回答了他的問題......窗口（物理瀏覽器）是否展開或做一個元素擴展像一個Div。 – user140125 2009-07-28 14:31:15