我有有这样的风格在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