Har testat detta i IE6 IE7 och FF3 och det funkar. Dock borde man kanske göra javascriptet lite bättre.
Kod:
<html>
<head>
* *<title>Hover-effect</title>
* *<style type="text/css">
* *body
* *{
* * * *color: #000000;
* * * *font-size: 12px;
* * font-family: arial, helvetica, sans-serif;
* *}
.cssnav {
* * * *float: left;
* * * *margin: 0px;
* * * *padding: 0;
* * * *text-align:center;
* * * *background: url(http://www.mr-ab.se/mr-ab/img/button.gif) no-repeat;
}
* *.cssnav_hover
* *{
* * float: left;
* * * *margin: 0px;
* * * *padding: 0;
* * * *text-align:center;
* * background: url(http://www.mr-ab.se/mr-ab/img/button_over.gif) no-repeat;
* *}
* *.cssnav a, .cssnav a:hover, .cssnav_hover a, .cssnav_hover a:hover
* *{
* * *color: #000000;
* * * * display: block;
* * * * padding:6px 0 7px 0;
* * * * text-decoration: none;
* * * *width: 102px;
* * * *height: 16px;
* *}
* *</style>
</head>
<body>
* *<script type="text/javascript">
* * * *function changeClass(classname, object)
* * * *{
* * * * * *object.setAttribute("className", classname);
* * * * * *object.setAttribute("class", classname);
* * * *}
* *</script>
* *<div class="menu">
* * * *<div class="cssnav" onmouseover="changeClass('cssnav_hover',this);" onmouseout="changeClass('cssnav',this);"><a href="../index.html"><span>Start</span></a></div>
* * * *<div class="cssnav" onmouseover="changeClass('cssnav_hover',this);" onmouseout="changeClass('cssnav',this);"><a href="#"><span>Media</span></a></div>
* * * *<div class="cssnav" onmouseover="changeClass('cssnav_hover',this);" onmouseout="changeClass('cssnav',this);"><a href="#"><span>Forskning</span></a></div>
* * * *<div class="cssnav" onmouseover="changeClass('cssnav_hover',this);" onmouseout="changeClass('cssnav',this);"><a href="#"><span>Kurser</span></a></div>
* * * *<div class="cssnav" onmouseover="changeClass('cssnav_hover',this);" onmouseout="changeClass('cssnav',this);"><a href="#"><span>Nöjda kunder</span></a></div>
* * * *<div class="cssnav" onmouseover="changeClass('cssnav_hover',this);" onmouseout="changeClass('cssnav',this);"><a href="#"><span>Terapeuter</span></a></div>
* * * *<div class="cssnav" onmouseover="changeClass('cssnav_hover',this);" onmouseout="changeClass('cssnav',this);"><a href="#"><span>Handla</span></a></div>
* * * *<div class="cssnav" onmouseover="changeClass('cssnav_hover',this);" onmouseout="changeClass('cssnav',this);"><a href="#"><span>Forum</span></a></div>
* *</div>
</body>
</html>