Home/ Questions/Q 6932941
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T11:46:09+00:00

I have done an easy onmousehover effect and it works in all browsers, but

  • 0

I have done an easy onmousehover effect and it works in all browsers, but firefox. I have stripped down the code to a bare minimum, but can’t figure out whats wrong! Why doesn’t the mouseover below work in firefox?

<!DOCTYPE html>
<html>
<head>
   <style>
   #box {
    background:#222;
    width:400px;
    height:300px;
    border-radius:5px;
    }

    #box_hover {
    background:#555;
    width:400px;
    height:300px;
    border-radius:5px;
    }                   
    </style>    
    <script type="text/jscript">
    function mouseover() {
        document.getElementById('box').id = 'box_hover';
    }
    function mouseout() {
        document.getElementById("box_hover").id = 'box';
    }
    </script>
</head>
<body>
    <div id="box" onmouseover="mouseover();" onmouseout="mouseout();"></div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Firefox doesn’t like “text/jscript”. Try “text/javascript” instead.

    • 0