mouseover cell border

macscr

Im trying to create a menu like the one used on the left side of the M$ site. Anyone know the code for changing and/or creating a border color when the mouse it over it? I have looked everywhere and havent been able to find a thing.

Thanks,
Mark

rbenfield

I have done something similar on my site http://www.benfield.ws . However, mine does not have the border, just shading. From looking at the M$ source they are doing it differently though. They are using LinkArea. You might search for some info on that property. The one I am using is more like that of http://www.anandtech.com which is using the onmouseover and setting the background property. You should be able to just add the cellborder to the javascript and it would work. Let me know if you want help with what I did. Other than that just use View, Source...

Hope that helps,
Richard

inxain

it is done by using css styles, you can try something like this:

function hover(node_id)
{
document.all[node_id].style.backgroundColor = "#cccccc";
document.all[node_id].style.borderTopColor = "#999999";
document.all[node_id].style.borderLeftColor = "#999999";
document.allnode_id].style.borderRightColor = "#999999";
document.allnode_id].style.borderBottomColor = "#999999";
}

and assign each TD an unique id (node_id):

of course you'll have to add an "onmouseout" handler to clean those TD's...

this is just one of many ways to do this, M$ uses css behaviors