да, но глюки остались, попробуйте код ниже.
Если после загрузки страницы быстро переводить курсор с кнопки на кнопку, то глюки хорошо видны, после нескольких наведений на объект - работает нормально.
Кстати я у себя изменил на "var x=0, y=0;" так лучше работает, т.к. при наведении на новый объект он запоминает текущие размеры блока и
если тот еще не успел вернутся к исходному, - получится не красиво
)
================================================== ==
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<Head>
<style>
.libtable{
border: thin solid black;
width-max: 600;
border: 1px solid #fff;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: center;
margin: 0 auto;
padding: 0;
border-spacing: 0;
border-spacing: 30px;
}
#libcell {
color: #999;
font-weight: bold;
border: 1px solid #eee;
background-color: #fbfefe;
width: 100px;
height: 100px;
}
#libcell:hover {
color: #000;
font-weight: bold;
border: thin solid #eee;
background-color: #f6fafa;
}
</style>
<script type="text/javascript">
<!--
function chsz(xobj, id, w, h, speed){
var t1, t2;
var obj=document.getElementById(id);
var n=x=Number(obj.offsetWidth), m=y=Number(obj.offsetHeight);
t1 = setInterval(function(){
if(n<w){
n+=5;
obj.style.width=n+'px'
}
if(m<h){
m+=5;
obj.style.height=m+'px'
}
if(n>=w&&m>=h){
clearInterval(t1)
}
}, speed);
xobj.onmouseover=function(){
clearInterval(t2);
t2=null;
if (!t1) t1 = setInterval(function(){
if(n<w){
n+=5;
obj.style.width=n+'px'
}
if(m<h){
m+=5;
obj.style.height=m+'px'
}
if(n>=w&&m>=h) clearInterval(t1)
}, speed);
};
xobj.onmouseout=function (){
clearInterval(t1);
t1=null;
if (!t2) t2=setInterval(function(){
if(n>x){
n-=5;
obj.style.width=n+'px'
}
if(m>y){
m-=5;
obj.style.height=m+'px'
}
if(n<=x&&m<=y) clearInterval(t2)
}, speed);
};
return
}
-->
</script>
</head>
<body>
<table class="libtable" align="center" border="1">
<td id="libcell" onMouseover="chsz(this,'descrlib','200','100','2') ">Books</td>
<td id="libcell" onMouseover="chsz(this,'descrlib','200','100','2') ">Articles</td>
</tr>
<tr>
<td id="libcell" onMouseover="chsz(this,'descrlib','200','100','2') ">Software</td>
<td id="libcell" onMouseover="chsz(this,'descrlib','200','100','2') ">Wallpapers</td>
</table>
<div id="descrlib" style="width:10px;height:10px;border:1px solid green"><span></span></div>
</body>
</html>
================================================== ==