鼠标悬浮显示DIV问题，偶是菜鸟大家看看！！！

<div id ="actInfo" style ="float: left; background-image:url('image/u48.png'); width: 174px;height: 25px; padding-top:10px;" onmouseover  = "ActivityInfo();" >活动信息</div><div id="merInfo" style ="float: left; background-image:url('image/u50.png'); width: 174px; height: 25px; padding-top:10px;" onmouseover ="MerchandiseInfo();">商品信息</div> function ActivityInfo() {
           var Act = document.getElementById("actInfo");
           Act.style.backgroundImage = "image/u50.png";           var Mer = document.getElementById("merInfo");
           Act.style.backgroundImage = "image/u48.png";           var ActAdd = document.getElementById("ActivityAdd");
           ActAdd.style.display = "none";       }
       function MerchandiseInfo() {
           var Act = document.getElementById("actInfo");
           Act.style.backgroundImage = "image/u48.png";           var Mer = document.getElementById("merInfo");
           Act.style.backgroundImage = "image/u50.png";           var ActAdd = document.getElementById("ActivityAdd");
           ActAdd.style.display = "";
       }我这里得不到效果呀  鼠标放上面 切换背景图片的 请大家帮忙看看

解决方案 »

  1.   

    function ActivityInfo() { 
              var Act = document.getElementById("actInfo"); 
              Act.style.backgroundImage = "url(image/u50.png)";           var Mer = document.getElementById("merInfo"); 
              Act.style.backgroundImage = "url(image/u48.png)";           //var ActAdd = document.getElementById("ActivityAdd"); 
             // ActAdd.style.display = "none";       } 
      

  2.   

     试试看 类似以下改成:
    Act.style.backgroundImage = "url(image/u50.png)";
      

  3.   

    测试Html代码如下：<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <div id ="actInfo" style ="float: left; background-image:url('images/qinggan.jpg'); width: 174px;height: 25px; padding-top:10px;" onmouseover  = "ActivityInfo();" >活动信息 </div> <div id="merInfo" style ="float: left; background-image:url('images/xue.jpg'); width: 174px; height: 25px; padding-top:10px;" onmouseover ="MerchandiseInfo();">商品信息 </div> 
    <script>
    function ActivityInfo() { 
              var Act = document.getElementById("actInfo"); 
              Act.style.backgroundImage = "url(images/qinggan.jpg)";           var Mer = document.getElementById("merInfo"); 
              Mer.style.backgroundImage = "url(images/xue.jpg)";           //var ActAdd = document.getElementById("ActivityAdd"); 
              //ActAdd.style.display = "none";       } 
          function MerchandiseInfo() { 
              var Act = document.getElementById("actInfo"); 
              Act.style.backgroundImage = "url(images/xue.jpg)";           var Mer = document.getElementById("merInfo"); 
              Mer.style.backgroundImage = "url(image/qinggan.jpg)";           //var ActAdd = document.getElementById("ActivityAdd"); 
              //ActAdd.style.display = ""; 
          }
      </script>
    </body>
    </html>
      

  4.   

    你是想实现鼠标移到图片上显示一张图，移出图片显示另一张图吧，就是那种感觉按钮发生变化的效果吗？其实不用那么麻烦的，下面的代码就能实现我刚才说的效果<div id ="actInfo" style ="float: left; background:url('czan.jpg'); width: 66px;height: 15px; padding-top:10px;" onmouseover="ActivityInfo(this)" onmouseout="MerchandiseInfo(this)" >活动信息 </div> <div id="merInfo" style ="float: left; background:url('czan.jpg'); width: 66px; height: 15px; padding-top:10px;" onmouseover ="ActivityInfo(this)" onmouseout="MerchandiseInfo(this)">商品信息 </div> 
    <script language="javascript">
    function ActivityInfo(obj) { 
        obj.style.backgroundImage = "url('czant.jpg')"; } 
    function MerchandiseInfo(obj) { 
         obj.style.backgroundImage = "url('czan.jpg')";
    } 
    </script>把图片地址换一下就好了