Glimmer，jQuery的效果集工具包

来自微软的Tim Aidlin近日在博客上发表了一篇如果让jQuery与Web进行交互的教程。其中重点将的是如何使用Glimmer来完成特效。

 

Glimmer是微软Mix博客推出一款基于jQuery的效果集工具包，不需要手写 Javascript代码就可以实现许多的页面特效，如常用的工具提示条(tooltips)，图片切换(sequence)，褪色效果(fade)，下拉菜单(dropdown)，*式效果(Freestyle)，段褪色效果(paraFade)。你只需要设置一些参数就可以生成相关的 html、css、JavaScript代码。

 

如果说Jquery是一个“write less,do more”（写的少，做的多）的Javascript库的话，那么Glimmer就是一款“write none,do more”（不用写，做的多）的jquery设计工具。

 

示例代码： 

jQuery(function($) {
var timer;
function clear_canvas(event)
{
clearTimeout(timer);
timer = setTimeout(eval("big_guy_in"),"600");$("#slide1text").css("left","-800px");$("#slide1text").animate({"left":0},600, "easeOutElastic", null);$("#bigGuyPointing").css("left","600px");
$("#bigGuyPointing").animate({"left":600},1000, "linear", null);
$("#slide1").css("display","block");
$("#bigGuyPointing").animate({"left":600},1000, "linear", null);
}

 点击查看详情：http://visitmix.com/LabNotes/Using-jQuery-to-animate-a-Hero