关键技术点

jQuery中的运动框架

• 使用css属性和animate都可以设置对象的透明度, 注意两者区别.
  实验代码:

  // 直接将对象设置透明度为0.1, 1为不透明
  $(this).css( {"opacity": "0.1"} );
  
  // 从当前透明度逐步变成0.1
  $(this).animate( {"opacity": "0.1"});
  

• 基本动画

  // 隐藏和显示动画
  $("element").hide();  
  $("element").show(); 
  
  // 改变元素透明度 淡入淡出动画
  $("element").fadeIn(); 
  $("element").fadeOut()
  

• 交互动画

  toggle() //切换元素的可见状态, 可以代替hide() 和 show()
  

• 自定义动画

  // 自定义动画的方法,可以代替所有动画效果.
  // params: 包含样式和属性及值
  // speed: 速度参数, 可选
  // callback: 动画完成时执行的函数, 可选
  
  animate(params,[speed],[easing],[fn])
  

• 停止动画

  stop()   // 停止匹配元素正在进行的动画
  
  finish()  // 与stop()类似, 区别是会导致所有排队的动画的CSS属性跳转到他们的最终值
  

• 延迟动画

  delay()  // 可以将队列中的函数延时执行