来自微软的 Tim Aidlin在博客教程中介绍了工具Glimmer的使用。 Glimmer 可以让设计师和开发者通过一个可视化的工具创建动态效果(基于jquery):

通过上图配置,会生成如下的js代码:
JAVASCRIPT:
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);
}