Spry 特效 API.docxVIP

Spry 特效 API 概览:高亮:渐显/渐隐:扩展/收缩:挤压:震动:展开/收起:滑动向上/滑动向下目前，SpryEffects.js提供了下面的特效：渐显/渐隐- 使元素渐显或隐藏扩展/收缩 - 模拟一个窗口扩展或收缩。影响的元素内容位置不变。滑动- 模拟一个窗口滚动。影响的元素向上/下滚动或向左/右。挤压 - 从元素的左上角扩展/收缩。展开/收起 - 收缩或扩展元素。震动- 快速左右移动元素高亮- 闪烁一个元素的背景色。链接Spry特效后的体系一个SpryEffects.js中函数的详细的概览实例同一个页面中包含所有效果(Adobe Products Demo) 使用设置和完成回调函数的使用样式(Firefox, Opera Safari ) 一些效果在同一个页面演示在图片上使用收缩/扩展效果, 同时使用 setup finish 回调函数设置 z-index 样式属性高亮闪烁一个元素的背景色。样例?查看样例script src=../../../js/SpryEffects.js type=text/javascript /script/headbodya onclick=Spry.Effect.Highlight(highlight1,{duration: 2000, from:#CCCCCC, to:#FFCC33,restoreColor: #FFCC33,toggle:true}) Highlight Box /a/pdiv class=demoDiv id=highlight1span class=sampleTextLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna /span/div/body 代码－第一个参数是元素的ID高亮效果的参数可选构造函数参数duration持续时间毫秒from起始颜色，高亮的第一帧的颜色。toggletrue or false,如果是true 则restoreColor被忽略to终止颜色，高亮的最后一帧的颜色。restoreColor在高亮效果完成后重载元素的背景颜色。setup在效果开始的时候调用的函数例如 function setup (element,effect){}finish在效果结束的时候调用的函数例如 function finish (element,effect){}transitionSpry.sinusoidalTransition 或 Spry.sinusoidalTransition 对象注意如果使用toggle选项，restoreColor将被忽略。不能使用的元素applet, body, frame, frameset, noframes返回渐显/渐隐使元素渐隐/渐显样例?查看样例script src=../../../js/SpryEffects.js type=text/javascript /script/headbodya onclick=Spry.Effect.AppearFade(1, {duration:1000,from:100,to:20,toggle:true}) Fade from 100% to 20% with toggle=true /a(Fade)/pdiv class=demoDiv style=height:25px id=1p class=sampleText Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna sea takimata sanctus est Lorem ipsum dolor sit amet./p /divpa onclick=Spry.Effect.AppearFade(2, {duration:1000,from:20,to:100,toggle:true}) Fade from 20% to 100% with toggle=true/a/pdiv class=demoDiv style=background-color:#CCCCCC; height:25px; opacity:0.2; filter:alpha(opacity=20) id=2 p class=sampleText Lorem ipsum dolor sit amet, co