Script.aculo.us开发系列(三):核心效果(CoreEffect)

核心提示： //Scale的两种调用方式var oAnimation=new Effect.Scale("imgTest",200);//比例200,即放大一倍var oAnimation=new Effect.Scale("divScale2",{afterF

//Scale的两种调用方式

var oAnimation=new Effect.Scale("imgTest",200);

//比例200,即放大一倍

　　var oAnimation=new Effect.Scale("divScale2",　　{
　　　　afterFinish:finish,
　　　　scaleTo:200//percentage to enlarge
　　　　/*This is the Default option*/
　　　　scaleX:true,
　　　　scaleY:true,
　　　　scaleContent:true,
　　　　scaleFromCenter:true,
　　　　scaleMode: 'contents',　　　　// 'box' or 'contents' or {} with provided values
　　　　scaleFrom: 100　　
　　　　
　　});5.HightLight

这个效果专门用于改变元素的背景颜色,参数如下

startcolor:开始的背景色, 属性形似"#12345f",和css样式一样

endcolor:最后的背景色

keepBackgroundImage:是否保持背景图片,默认为false

restorecolor:是否存储最开始的背景色,默认为true

　　var oAnimation =new Effect.Highlight("divHighLight",
　　{
　　　　startcolor:'#cbcbcb',
　　　　endcolor:'#000000',
　　　　duration:2,
　　　　keepBackgroundImage:true,
　　　　restorecolor:true,
　　　　afterFinish:finish
　　});
　　
function finish(obj)
{
　　alert(obj.options.restorecolor);
}

6.scrollTo

应用该效果会慢慢的页面会慢慢滚动到制定的元素,参数如下:

offset:y轴偏差,仔细看代码发现scrollTo效果只滚动y轴,所以偏差也只有y轴方向的