Why isn’t this working?

Here is the code:

[CODE]<ul>
<li class = “menuoff” onmouseover=”this.classname = ‘menuon'” onmouseout=”this.classname = ‘menuoff'”>Home</li>
<li class = “menuoff” onmouseover=”this.classname = ‘menuon'” onmouseout=”this.classname = ‘menuoff'”>Services</li>
<li class = “menuoff” onmouseover=”this.classname = ‘menuon'” onmouseout=”this.classname = ‘menuoff'”>Our Clients</li>
<li class = “menuoff” onmouseover=”this.classname = ‘menuon'” onmouseout=”this.classname = ‘menuoff'”>Web Portfolio</li>
<li class = “menuoff” onmouseover=”this.classname = ‘menuon'” onmouseout=”this.classname = ‘menuoff'”>Products</li>
<li class = “menuoff” onmouseover=”this.classname = ‘menuon'” onmouseout=”this.classname = ‘menuoff'”>About Us</li>
<li class = “menuoff” onmouseover=”this.classname = ‘menuon'” onmouseout=”this.classname = ‘menuoff'”>Contact Us</li>
</ul>[/CODE]

When I mouseover there is no change to the list item (menuoff and menuon have different settings).

Any help welcome,

J

Also in #JavaScript _↴