dw中spry全面讲解教程

《dw中spry全面讲解教程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、“Spry效果”是视觉增强功能，可以将它们应用于使用JavaScript的HTML页面上几乎所有的元素。效果通常用于在一段时间内高亮显示信息，创建动画过渡或者以可视方式修改页面元素。您可以将效果直接应用于HTML元素，而无需其它自定义标签。注：要向某个元素应用效果，该元素当前必须处于选定状态，或者它必须具有一个ID。例如，如果要向当前未选定的div标签应用高亮显示效果，该div必须具有一个有效的ID值。如果该元素尚且没有有效的ID值，您将需要向HTML代码中添加一个ID值。效果可以修改元素的不透明度、缩放比例、位置和样式属性（如背景

2、颜色）。可以组合两个或多个属性来创建有趣的视觉效果。由于这些效果都基于Spry，因此在用户单击应用了效果的元素时，仅会动态更新该元素，不会刷新整个HTML页面。Spry包括下列效果：显示/渐隐使元素显示或渐隐。高亮颜色更改元素的背景颜色。遮帘模拟百叶窗，向上或向下滚动百叶窗来隐藏或显示元素。滑动上下移动元素。增大/收缩使元素变大或变小。晃动模拟从左向右晃动元素。挤压使元素从页面的左上角消失。重要说明：当您使用效果时，系统会在“代码”视图中将不同的代码行添加到您的文件中。其中的一行代码用来标识SpryEffects.js文件，该文件是

3、包括这些效果所必需的。请不要从代码中删除该行，否则这些效果将不起作用。有关Spry框架中可用的Spry效果的全面概述，请访问应用显示/渐隐效果注：此效果可用于除下列元素之外的所有HTML元素：applet、body、iframe、object、tr、tbody和th。1.（可选）选择要为其应用效果的内容或布局元素。2.在“行为”面板（“窗口”>“行为”）中，单击加号(+)按钮，从菜单中选择“效果”>“显示/渐隐”。1.从目标元素菜单中，选择元素的ID。如果已选择元素，请选择“<当前选定内容>”。2.在“效果持续时间”框中，定义此效果

4、持续的时间，用毫秒表示。3.选择要应用的效果：“渐隐”或“显示”。4.在“渐隐自”框中，定义显示此效果所需的不透明度百分比。5.在“渐隐到”框中，定义要渐隐到的不透明度百分比。6.如果您希望该效果是可逆的（即连续单击即可从“渐隐”转换为“显示”或从“显示”转换为“渐隐”），请选择“切换效果”。应用遮帘效果注：此效果仅可用于下列HTML元素：address、dd、div、dl、dt、form、h1、h2、h3、h4、h5、h6、p、ol、ul、li、applet、center、dir、menu和pre。1.（可选）选择要为其应用效果的

5、内容或布局元素。2.在“行为”面板（“窗口”>“行为”）中，单击加号(+)按钮，从菜单中选择“效果”>“遮帘”。3.从目标元素菜单中，选择元素的ID。如果已选择元素，请选择“<当前选定内容>”。4.在“效果持续时间”框中，定义此效果持续的时间，用毫秒表示。5.选择要应用的效果：“向上遮帘”或“向下遮帘”。6.在“向上遮帘自/向下遮帘自”框中，以百分比或像素值形式定义遮帘的起始滚动点。这些值是从元素的顶部开始计算的。7.在“向上遮帘到/向下遮帘到”域中，以百分比或像素值形式定义遮帘的结束滚动点。这些值是从元素的顶部开始计算的。8.如果

6、您希望该效果是可逆的（即连续单击即可上下滚动），请选择“切换效果”。应用增大/收缩效果注：此效果可用于下列HTML元素：address、dd、div、dl、dt、form、p、ol、ul、applet、center、dir、menu和pre。1.（可选）选择要为其应用效果的内容或布局元素。2.在“行为”面板（“窗口”>“行为”）中，单击加号(+)按钮，从弹出菜单中选择“效果”>“增大/收缩”。3.从目标元素弹出菜单中，选择元素的ID。如果已选择元素，请选择“<当前选定内容>”。1.在“效果持续时间”域中，定义出现此效果所需的时间，用

7、毫秒表示。2.选择要应用的效果：“增大”或“收缩”。3.在“增大自/收缩自”框中，定义元素在效果开始时的大小。该值为百分比大小或像素值。4.在“增大到/收缩到”框中，定义元素在效果结束时的大小。该值为百分比大小或像素值。5.如果您为“增大自/收缩自”或“增大到/收缩到”框选择像素值，“宽/高”域就会可见。元素将根据您选择的选项相应地增大或收缩。6.选择您希望元素增大或收缩到页面的左上角还是页面的中心。7.如果您希望该效果是可逆的（即，连续单击即可增大或收缩），请选择“切换效果”。应用高亮效果注：此效果可用于除下列元素之外的所有HTM

8、L元素：applet、body、frame、frameset和noframes。1.（可选）选择要为其应用效果的内容或布局元素。2.在“行为”面板（“窗口”>“行为”）中，单击加号(+)按钮，从菜单中选择“效果”>“高亮显示”。3.从