javascript - 所有功能、事件等的浏览器兼容性代码

Question

我使用 onmouseover 和 onmouseout 来查看图像，但它在 chrome 中不起作用。需要解决这个问题。

脚本是

<script>
var img;

window.onload = function () {
      img = document.getElementById ("img");
   }
</script>

<img style= "position:absolute;TOP:90px; LEFT:185px;visibility:hidden;" 
     class="two" 
     id="img" 
     src="services/web2.png" 
     width="800" height="500" alt=""/>

 <div class="item home">
    <img src="imagess/bg_home.png" alt="" width="199" height="199" class="circle"/>
    <a href="#" class="icon"></a>
    <h2>IT</h2>
    <ul>
        <li>
           <a href="target4" 
              onMouseOver="img.style.visibility='visible'; img.src='services/web2.png'"
              onMouseOut="img.style.visibility='hidden';">Sales & Service</a>
        </li>
        <li>
            <a href="target5" 
               onMouseOver="img.style.visibility='visible'; img.src='services/web2.png'" 
               onMouseOut="img.style.visibility='hidden';">CCTV</a>
         </li>
         <li>
             <a href="target6" 
                onMouseOver="img.style.visibility='visible'; img.src='services/web2.png'"
                onMouseOut="img.style.visibility='hidden';">DVR</a>
         </li>
     </ul>
  </div>

Answer 1

您正在使用非常突兀的 javascript，这简直是糟糕的做法。所以追查错误没有多大意义。建议使用 jQuery 的人非常正确，你会帮自己一个忙通过采纳该建议。

直接在 DOM 元素上使用 onMouseOver 和其他 javascript 已经不再是这样了。