Spry效果
虽然Spry效果已经成为框架的一部分，但在1.5版本中有时还是重写了效果库，显著的改变是为了与其它语言更一致改变了很多方法的名称。
Spry效果的目的是对HTML页中的可视元素添加可视效果。这些效果包括动态过渡和内容的高亮显示。我是合理使用能够动画的坚定支持者，我们要尽量少的使用它。但是有时可以使用它指示应用状态。为了给用户较好的反馈，从一个状态到另一个状态的过渡可以巧妙地使用动态效果。
Spry效果包括：
可以使用Observers合并多个效果，因此，例如一个面板的宽度减小另一个面板的宽度以相同的大小增加，我们就可以对两个面板的转换使用一个滑动效果。
聚类允许效果一个接一个的运行，因此一个面板可以先增加宽度然后再增加高度，而不是像observer那样同时改变。
下面是一个使用了消光效果的HTML页面摘要。这本例中，效果通过单击超链接触发；消光效果将会使得包含文本的div标记逐渐减小高度知道消失为止，从超链接两个方向都会有效。Spry效果库是包含在Spry下载包中标准的一部分。
<title>Spry Effect Example</title>
<script src="includes/SpryEffects.js" type="text/javascript"></script>
<style type="text/css">
.animationContainer{
height: 220px;
}
.demoDiv{
height: 200px;
width: 400px;
overflow: hidden;
background-color: #CCCCCC;
}
</style>
</head>
<body>
<a href="#" onclick="blind_toggle.start(); return false;">Blind Example</a>
<br />
<div class="animationContainer">
<div class="demoDiv" id="slideItUp2">
<h4>Spry Blind Effect Example</h4>
<p class="sampleText">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.
</p>
</div>
</div>
<script type="text/javascript">
<!--
var blind_toggle = new Spry.Effect.Blind('slideItUp2', );
//-->
</script>
Spry and Dreamweaver CS3
Spry 1.4的增强版集成了Dreamweaver CS3,利用标记编辑器使开发变得很容易。例如，Spry数据通过使用Dreamweaver CS3中的对话框可以很容易实现，因为你可以像引入XML模式和预览数据一样做其它事情。Dreamweaver CS3还可以在当前站点中包含需要的JavaScript和CSS文件。
Spry工具条中包含了前面介绍的三组对象集，分别用于显示XML数据，表单元素验证和菜单与面板集。
Dreamweaver CS3可以内视Spry XmlDataSet库使用的XML数据，显示绑定面板中某行的私有属性——这些属性可以从绑定面板拖动到页面中，如果它们位于Spry Region 或 Spry Repeat中将会在浏览器中动态递交。
结论
Spry框架是实现Ajax框架的简单形式，尤其适用于专门的用户组中的设计人员。Web标准支持者批评Spry的实现使用了定制HTML属性，不过就笔者看来这并不是问题，因为Spry组件像预想的一样工作良好。
当Spry集成到Dreamweaver CS3 中后，它很容易在一个文本编辑器中部署——在Spry下载包中Adobe提供了大量的样例。当前发行版本有一个API运行用户在Spry框架内创建它们自己使用的小应用程序。
查看本文来源
