实现Javascript透明特效功能.doc

可控式Javascript透明特效也就是透明度可以自行设置,但是这种方法在IE7下极有可能失效,不过这些东西对大家了解Javascript透明特效还是有所帮助的。。既然是特效,必须涉及时间与空间的概念。时间我们可以用setTimeout与setInterval,个人比较喜欢setTimeout,虽然它每次调用都重复注册,但可控性比较好。空间就全凭CSS的绝对定位实现位移了。在开始之前,我们练习一下setTimeout的递归用法(用来模拟setInterval)。(el){02.  varnode =(typeofel=="string")?(el):el;03.  vari=0;04.  varrepeat=function(){05.    setTimeout(function(){06.      ="<h1>"+i+"</h1>";07.      i++;08.      if(i<=100){09.        setTimeout(,100);10.      }11.    },100)12.  }13.  repeat();14.}我们来试一下最简单的淡入特效,。(el){02.  varnode =(typeofel=="string")?(el):el;03.  vari=0;04.  varfade=function(){05.    setTimeout(function(){     06.        !+"\v1"?(="alpha(opacity="+i+")"):(=i/100);07.      i++;08.      if(i<=100){09.        setTimeout(,100);10.      }11.    },100)12.  }13.  fade();14.}但是这样并不完美,因为IE的滤镜可能会在IE7中失效,我们必须要用zoom=1来激活hasLayout。我们再添加一些可制定参数扩充它。注释已经非常详细,不明白在留言里再问我吧。(el){02.  //必选参数03.  varnode =(typeofel=="string")?(el):el,04.  //可选参数05.  options=arguments[1]||{},06.  //变化的持续时间07.  duration=||,08.  //开始时透明度09.  from=||,10.  //结束时透明度11.  to=||,12.  operation=1,13.  init=0;14.