JS改变背景图片 浏览器不能兼容

无法插入图片 真心求助帮忙的 联系小弟:930151844 在线等候<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head>
<TITLE>佳信佰北京分公司_佳信佰北京分公司</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META name=keywords content=佳信佰，风痛康膜，任仲传风痛康膜，任仲传，朝阳区专卖店。>
<META name=description content=佳信佰北京分公司>
<META name=GENERATOR content="MSHTML 8.00.6001.19154">
<style type="text/css">
<!--
/* CSS Document */
a:link {
text-decoration:none;
color:#000000;
}
a:hover {
text-decoration:none;
color:#F6003D;
}
a:visited {
text-decoration:none;
color:#000000;
}
a {
text-decoration:none;
margin:0px;
padding:0px;
}
a:hover {
color:#303;
}
ul {
list-style:none;
margin:0px;
padding:0px;
}
.news_date{
font-size:9px;
color:#009900;
margin-left:6px;
}

/*可伸缩的广告层*/
#ads {
background-color:#007CAF;
top:0px;
height:0px;
overflow:hidden;
}
.show_bir_cq {
display:block;
width:110px;
height:38px;
padding-top:5px;
background-image:url(day_bk.png);
text-align:center;
font-weight:bold;
font-size:20px;
} 
#conpany_navigation {
height:41px;
width:744px;
font-family:"仿宋_GB2312";
font-size:21px;
}
#conpany_navigation li {
float:left;
padding-top:7px;
margin-left:44px;
}
#conpany_navigation li a {
color:#102b6a;
font-weight:bold;
font-size:24px;
}
#conpany_navigation li a:hover {
color:#CC0000;
}
 
#showCustBirthday {
display:none;
position:absolute;
background-image:url(images/bg_cloud.jpg);
left: 390px;
top: 158px;
width: 727px;
height: 264px;
}
#show_ld{
BORDER-BOTTOM: #0079aa 15px ridge;
BORDER-LEFT: #0079aa 15px ridge;
BORDER-TOP: #0079aa 15px ridge;
BORDER-RIGHT: #0079aa 15px ridge;
}-->
</style><script type="text/javascript" language="javascript"> //鼠标滑动事件--会员生日背景改变特效
function bg_change(num)
{
//alert("ol");
if(num==1)
{
document.getElementById("bg_change").src="birthday.gif";
document.getElementById("show_bir").style.backgroundImage="url(night_bk.png)";
document.getElementById("show_bir").innerHTML="生日快乐";
}
else
{
document.getElementById("bg_change").src="lengendSystem.jpg";
document.getElementById("show_cq").style.backgroundImage="url(night_bk.png)";
document.getElementById("show_bir").innerHTML="会员生日";
}
}
//鼠标离开事件
function recover_bg(num)
{
if(num==1)
{
document.getElementById("show_bir").style.backgroundImage="url(images/day_bk.png)";
document.getElementById("show_bir").innerHTML="会员生日";
}
else
{
document.getElementById("show_cq").style.backgroundImage="url(images/day_bk.png)";
}
}<!--查看会员生日-->
function viewCustBir()
{
//alert("请输入密码！");
document.getElementById("showCustBirthday").style.display="block";
}
<!--添加会员生日-->
function addCustBir()
{

var sWord ="";
var num=3;
var count=3;sWord = prompt("请输入您添加会员生日信息的权限密码！");
for(var i=1;i<num;i++) 
{ 
count--;
if((sWord == "login") )
{
alert("ok");
return;
}
else
{
sWord = prompt("您还有"+count+"次机会输入密码操作，请谨慎操作！","");
if(count==1)
{
if(sWord == "login" )
{
alert("ok");
}
else
{
alert("您的操作权限次数已到！");
document.getElementById("showAddBir").style.display="none";
}
}

}
}}<!--关闭会员生日显示层-->
function closeCustBir()
{
document.getElementById("showCustBirthday").style.display="none";
}<!--改变新闻背景图片-->
function showNewsBgImage(num)
{
document.getElementById("bgImage_"+num).style.opacity=0.6;
document.getElementById("news_changeBgImage").style.display="block";
document.getElementById("news_changeBgImage").style.backgroundImage="url(images/b/"+num+".jpg)";
}
<!--隐藏新闻背景图片-->
function hideNewsBgImage(num)
{
document.getElementById("bgImage_"+num).style.opacity=1;
document.getElementById("news_changeBgImage").style.display="none";
}
</script><!--<link href="css/index.css" rel="stylesheet" type="text/css">-->
<!--<link href="js/index_fun.js" rel="stylesheet" type="text/javascript"-->
</head><body>
<table width="990"  height="277" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="245"><table width="240" height="281" border="0"  cellpadding="0" cellspacing="0";>
        <tr>
          <td height="243" colspan="2" style="text-align:center; background-image:url(wallpaper_ext1.jpg)"><img src="birthday.gif" width="238"  id="bg_change"/></td>
        </tr>
        <tr align="center">
          <td width="119" height="38"><a href="#" id="show_bir" class="show_bir_cq" onMouseOver="bg_change(1)" onMouseOut="recover_bg(1)" onClick="viewCustBir()">生日快乐</a></td>
          <td width="123" height="38"><a href="#" id="show_cq" class="show_bir_cq" onMouseOver="bg_change(2)" onMouseOut="recover_bg(2)" >传奇系统</a></td>
        </tr>
      </table></td>
  <tr>
</table>
<!--空隙表格-->
<table width="997" border="0" align="center" cellpadding="0" cellspacing="0" height="13">
  <tr>
    <td></td>
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    document.getElementById("news_changeBgImage").style.backgroundImage="url(images/b/"+num+".jpg)";
    这种写法是正确的，你说的不兼容是什么现象？
      

  2.   

    问题出在
    <td height="243" colspan="2" style="text-align:center; background-image:url(wallpaper_ext1.jpg)"><img src="birthday.gif" width="238" id="bg_change"/></td>这里的 id="bg_change" 与函数重名了