При наведении на кнопку должен код между тегами ДИВ заменяться из функции, а затем при отводе должен из другой функции подгружатся.
Пример 1, весь:
http://argo34.ru/test/
Пример 2, часть скрипта:
<table border="0" cellspacing="0" cellpadding="3"><tr>
<td class="m1_t"><span onClick="document.location.href='?str=structure
'" onMouseOver="NMenu1Over(0)" onMouseOut="NMenu1Out(0)" class="m1_c1"><div id="m1_c_0">
<table border="0" cellspacing="0" cellpadding="0" height="24">
<tr>
<td width="5"><img border="0" src="styles/default/images/m1_c1_left.gif" width="5" height="24"></td>
<td background="styles/default/images/m1_c1_center.gif" valign="top" class="m1_c2">Структура сайта</td>
<td width="5"><img border="0" src="styles/default/images/m1_c1_right.gif" width="5" height="24"></td>
</tr>
</table>
</div></span></td>
<td class="m1_t"><span onClick="document.location.href='?str=statistican
'" onMouseOver="NMenu1Over(1)" onMouseOut="NMenu1Out(1)" class="m1_c1"><div id="m1_c_1">
<table border="0" cellspacing="0" cellpadding="0" height="24">
<tr>
<td width="5"><img border="0" src="styles/default/images/m1_c1_left.gif" width="5" height="24"></td>
<td background="styles/default/images/m1_c1_center.gif" valign="top" class="m1_c2">Статистика</td>
<td width="5"><img border="0" src="styles/default/images/m1_c1_right.gif" width="5" height="24"></td>
</tr>
</table>
</div></span></td>
<td class="m1_t"><span onClick="document.location.href='?str=users
'" onMouseOver="NMenu1Over(2)" onMouseOut="NMenu1Out(2)" class="m1_c1"><div id="m1_c_2">
<table border="0" cellspacing="0" cellpadding="0" height="24">
<tr>
<td width="5"><img border="0" src="styles/default/images/m1_c1_left.gif" width="5" height="24"></td>
<td background="styles/default/images/m1_c1_center.gif" valign="top" class="m1_c2">Пользователи</td>
<td width="5"><img border="0" src="styles/default/images/m1_c1_right.gif" width="5" height="24"></td>
</tr>
</table>
</div></span></td>
</tr></table>
<script>
function NMenu1Over(IdName){
NameMenu1 = 'Структура сайта,Статистика,Пользователи' ;
var aNameMenu1 = NameMenu1.toString().split(',') ;
document.getElementById('m1_c_' + IdName).innerHTML = '\n <table border="0" cellspacing="0" cellpadding="0" height="24">\n <tr>\n <td width="5"><img border="0" src="styles/default/images/m1_c2_left.gif" width="5" height="24"></td>\n <td background="styles/default/images/m1_c2_center.gif" valign="top" class="m1_c2">' + aNameMenu1[IdName] + '</td>\n <td width="5"><img border="0" src="styles/default/images/m1_c2_right.gif" width="5" height="24"></td>\n </tr>\n </table>\n' ;
}
function NMenu1Out(IdName2){
NameMenu2 = 'Структура сайта,Статистика,Пользователи' ;
var aNameMenu2 = NameMenu1.toString().split(',') ;
document.getElementById('m1_c_' + IdName2).innerHTML = '\n <table border="0" cellspacing="0" cellpadding="0" height="24">\n <tr>\n <td width="5"><img border="0" src="styles/default/images/m1_c1_left.gif" width="5" height="24"></td>\n <td background="styles/default/images/m1_c1_center.gif" valign="top" class="m1_c2">' + aNameMenu2[IdName2] + '</td>\n <td width="5"><img border="0" src="styles/default/images/m1_c1_right.gif" width="5" height="24"></td>\n </tr>\n </table>\n' ;
}
</script>