如何改变HTML背景动态
我有有这样的风格在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