Add / Delete CSS classes on hover

[Aso]

For example, when I hover over an anchor with ID 'block', how could I add a class 'on' to a div with ID 'pix', then remove it when 'un-hovered'?

Many thanks

Alex

[MikeHopley]

Something like this:

Code: Select all

function hoverClass() {
var x=document.getElementById("block")
var y=document.getElementById("pix")
x.onmouseover = function(){ y.className="on"}
x.onmouseout = function() { y.className="" }
}