背景自适应自动变换背景效果遇到难题。请教一下！！急！！

这是自动变换背景代码   <body bgColor="#ffffff" onLoad="chgCol(); pingpong();"><script language="JavaScript"><!-- Hide from JavaScript-Impaired Browsers
var pos = 10;
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}
var col=new initArray("4b","5b","8b","8b");
col[0] = "bghome1.jpg";
col[1] = "bghome2.jpg";
col[2] = "bghome3.jpg";
col[3] = "bghome4.jpg";
col[4] = "bghome5.jpg";
col[5] = "bghome6.jpg";
col[6] = "bghome7.jpg";
col[7] = "bghome8.jpg";
col[8] = "bghome9.jpg";
col[9] = "bghome10.jpg";
function chgCol() {
pos++;
if (pos<0||pos>9) {
pos = 0;
}
//document.bgColor = col[pos];
document.body.style.backgroundImage="url("+col[pos]+")"
setTimeout("chgCol()",5000);
}
var yourwords = "变换背景";var buffer1=" ";var buffer2=" ";var message1=buffer1+yourwords+buffer2;var dir = "left";var speed =150;function pingpong(){if (dir == "left") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(0,1) == "*") dir="right"; }else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") dir="left"; }}// --></script><p align="center">　</p>
</body>--------------------------------这是自适应屏幕大小代码---------------------------
</style>
</head>
<body bgColor="#ffffff" onLoad="chgCol(); pingpong();er();">
<script type="text/javascript">
window.onresize = window.onload = function er(){
var w,h
if(!!(window.attachEvent && !window.opera))
{
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
h = window.innerHeight;
w = window.innerWidth;
}
//document.getElementById('msg').value ='窗口大小：' + 'width:' + w + '; height:'+h;
var bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
bgImg.width = (w - 5);
bgImg.height= (h-5) ; } 
</script>
</body>怎么样才能把这两段代码弄在一起 用 。 试过很多次了 都不行。 我想要的效果是 能自适应分辨率大小 还能自动换背景 谢谢各位了！ 帮帮忙看一看

解决方案 »

  1.   

    window.onresize = window.onload = function er(){
    改成
    function er(){
    }window.onresize = er
      

  2.   

    应该是
    window.onload = function 
    的设置把
    <body onload
    里面的设置覆盖了。你只需把所有的调用写在一起即可
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <style>
     
     </style>
    <script type="text/javascript">
    window.onload=function(){
       chgCol(); pingpong();
    }
    <!-- Hide from JavaScript-Impaired Browsers
    var pos = 10;
    function initArray() {
    this.length = initArray.arguments.length;
    for (var i = 0; i < this.length; i++) {
    this[i] = initArray.arguments[i];
    }
    }
    var col=new initArray("4b","5b","8b","8b");
    col[0] = "jpg/1.jpg";
    col[1] = "jpg/2.jpg";
    col[2] = "jpg/3.jpg";
    col[3] = "jpg/4.jpg";
    col[4] = "jpg/5.jpg";function chgCol() {
    pos++;
    if (pos<0||pos>4) {
    pos = 0;
    }
    document.body.style.background="url("+col[pos]+")";
    setTimeout("chgCol()",5000);
    }
    var yourwords = "变换背景";var buffer1=" ";var buffer2=" ";var message1=buffer1+yourwords+buffer2;var dir = "left";var speed =150;function pingpong(){if (dir == "left") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(0,1) == "*") dir="right"; }else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") dir="left"; }}// -->window.onresize=er();
    function er(){
    var w,h
    if(!!(window.attachEvent && !window.opera))
    {
    h = document.documentElement.clientHeight;
    w = document.documentElement.clientWidth;
    }else{
    h = window.innerHeight;
    w = window.innerWidth;
    }
    //document.getElementById('msg').value ='窗口大小：' + 'width:' + w + '; height:'+h;
    var bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
    bgImg.width = (w - 5);
    bgImg.height= (h-5) ; }  </script>
    </head>
    <body>
    <p align="center">　</p>
    </body>
    </html>
    去掉了一些元素，调整了一下结构，不知道这样可否！
    因为页面里没有ＩＭＧ元素，所以ＦＦ下提示ＩＭＧ为ＮＵＬＬ！