用js实现工具栏效果

菜单大家见得很多，但是朋友们是否见过工具栏效果呢？下面的代码可以实现此效果：
<html>
<head>
<meta name="generator" Content="HtmlDoc by small_yell">
<meta http-equiv="Content-Type" content="text/html; charset=gb_2312-80">
<title>Toolbar</title>
<style>
td {cursor:hand;}
</style>
<script language=javascript>
function movr(src)
{    src.onselectstart = new Function("return false");
with (src.style) {
        color="red"
borderLeft = "1px solid buttonhighlight";
borderRight = "1px solid buttonshadow";
borderTop  = "1px solid buttonhighlight";
borderBottom = "1px solid buttonshadow";
padding   = "0";
}
}
function mdwn(src)
{    src.onselectstart = new Function("return false");
with (src.style) {
        color="red"
borderRight = "1px solid buttonhighlight";
borderLeft= "1px solid buttonshadow";
borderBottom  = "1px solid buttonhighlight";
borderTop = "1px solid buttonshadow";
padding   = "0";
}
}
function mout(src)
{    src.onselectstart = new Function("return false");
with (src.style) {
        color="black"
background = "buttonface";
border = "1px solid buttonface";
padding   = "0";
}
}
</script>
</head>
<body>
<table width=100 bgcolor=buttonface>
<tr>
<td width=100% name="cool" bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'>
button
</td>
<td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'>
button
</td>
<td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'>
button
</td>
<td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'>
button
</td>
</tr>
</table>
</body>
</html>