<script type="text/javascript">

 window.onload=function(){
   var oLi=document.getElementsByTagName("li");
   for(var i=0;i<oLi.length;i++){
    var iMumber=0;
    var arr=[];
    var oP=oLi[i].getElementsByTagName('p')[0];
    oP.timer=null;
    oP.iAlpha=0;//我现在只有这一个疑问，这个属性我把他换成变量(如:var iNum=0)在把下面的所有oP.iAlpha都给替换成iNum它的淡入淡出效果就会变的一闪一闪的很不流畅，这是什么原因
    oLi[i].onmouseover=function(){
      var oP=this.getElementsByTagName('p')[0];
      oP.timer?clearInterval(oP.timer):"";
      oP.iAlpha=100;
      oP.style.opacity=1;
      oP.style.filter='alpha(opacity='+oP.iAlpha+')';
    }
    oLi[i].onmouseout=function(){
       doMove(this.getElementsByTagName('p')[0]);
    }
    
    function doMove(obj){
       obj.timer?clearInterval(obj.timer):"";
       obj.timer=setInterval(function(){
       var iSpeed=5;
       if(obj.iAlpha<=iSpeed){
       clearInterval(obj.timer);
       obj.timer=null;
       obj.iAlpha=0;
       }else{
       obj.iAlpha -=iSpeed;
       }
       obj.style.opacity=obj.iAlpha/100;
       obj.style.filter='alpha(opacity='+obj.iAlpha+')';
     },50);
    }
   }
}
</script>

 

<div id="box">
        <ul class="oUl">
            <li>
                <p></p>
                <div>
                    <a target="_blank" href="baiduc.com">集合一</a>
                </div>
            </li>
            <li>
                <p></p>
                <div>
                    <a target="_blank" href="baiduc.com">集合二</a>
                    <span>2011-03-27</span>
                </div>
            </li>
        </ul>

</div>