JSer对象 toggle(name, array, callback)
描述:
创建一个toggle行为切换器. toggle行为切换器是元素上的一组行为(以数组的形式存储),在每次调用toogle方法时,系统将轮循切换数组中的每个行为.
参数:
参数 类型 说明
name String 行为切换器名称,用于标识这个toggle行为切换器,名称可以是任意的字符串
array array参数是一个数组,数组的每个下标元素对应一种行为,当调用行为切换器时,程序将依次轮循array的每下标行为.
String 当数组下标元素为字符串时,代表className类样式名称,如果toggle轮循到这个下标时,会为元素添这个样式类名,否则将从元素删除这个样式类名.
Object 当数组下标元素为一个Object对象时,代表具有"名称/值"的CSS样式对象,如果轮循到这个下标时,会调用.css(object)方法为元素添加样式.
function 当数组下标元素为一个函数时,会在轮循到这个下标时,执行这个函数.函数的内建对象"this"指当前的DOM元素.
callback function(i,o) 在每一次toggle轮循完后,调用此回调函数.
您可以使用函数内建对象"this"来访问当前的DOM元素.
同时,您还可以向此函数传递两个参数(例如:i, o). 第1个参数(i)表示最近一次被轮循的行为数组下标;第2个参数(o)表示toggle轮循数组(即第2个参数o是您传入的array参数的一个引用).
返回:
JSer 当前的JSer对象。
示例:
css代码:
.a1{border:1px red solid;}
.a2{border:1px #ff6600 solid;}
.a3{border:1px yellow solid;}
.a4{border:1px green solid;}
.a5{border:1px blue solid;}
.a6{border:1px white solid;}
.a7{border:1px black solid;}
.a8{border:1px pink solid;}
js代码:
JSer(".mydiv").toggle("colorToggle", ["a1","a2","a3","a4","a5","a6","a7","a8"], function(i, o){
    if(i==o.length-1) JSer(this).removeToggle("colorToggle");
//回调函数:当所有的行为都切换过了一遍,则删除这个元素上的这个toggle.
})
;
请参考:
toggle(name), toggle(name, array), removeToggle(name)