js动画中的this

Question

 下拉菜单动画js部分代码 ：      

var aLi=document.getElementsByTagName('li');

for(var i=0; i<aLi.length; i++)

{

 aLi[i].onmouseover=function()

 {

         var oSubNav=this.getElementsByTagName('ul')[0];

         var This=oSubNav;

            clearInterval(This.time);

            This.time=setInterval(function()

            {

                    This.style.height=This.offsetHeight+16+"px";

                    if(This.offsetHeight>=120)

                    {clearInterval(This.time);}

alert("动画里this:"+This.offsetHeight);

alert("动画里oSubNav:"+oSubNav.offsetHeight);

            },30)

     }

 代码中的变量oSubNav为什么要重新赋值给变量This?

我在动画效果函数中试了下，能成功调用oSubNAv，它的当前高度属性值也与This一样。

然而在函数中直接用oSubNav.style.height=oSubNav.offsetHeight+16+"px";为什么不产生动画?