JSer对象 toggle(name, array)
描述:
创建一个toggle行为切换器. toggle行为切换器是元素上的一组行为(以数组的形式存储),在每次调用toogle方法时,系统将轮循切换数组中的每个行为.
参数:
参数 类型 说明
name String 行为切换器名称,用于标识这个toggle行为切换器,名称可以是任意的字符串
array array参数是一个数组,数组的每个下标元素对应一种行为,当调用行为切换器时,程序将依次轮循array的每下标行为.
String 当数组下标元素为字符串时,代表className类样式名称,如果toggle轮循到这个下标时,会为元素添这个样式类名,否则将从元素删除这个类名.
Object 当数组下标元素为一个Object对象时,代表具有"名称/值"的CSS样式对象,如果轮循到这个下标时,会调用.css(object)方法为元素添加样式.
function 当数组下标元素为一个函数时,会在轮循到这个下标时,执行这个函数.函数的内建对象"this"指当前的DOM元素.
返回:
JSer 当前的JSer对象。
示例:
css代码:
.a1{border:1px red solid;}
.a2{border:1px #ff6600 solid;}
.a3{border:1px yellow solid;}
js代码:
function run(){
     JSer("#mydiv").toggle("colorToggle");
}

JSer.exec(function(){
   JSer("#mydiv").toggle(
     "colorToggle",
     [
        "a1","a2","a3", 
          //字符串型下标元素
        {border:"1px red solid"},
//对象类型的下标元素
        function(){
//函数类型的下标
           
//todo (this = 当前DOM)
        }
     ]
   )
;//定义toggle
   setInterval(run, 500);//创建定时器,每半秒toggle一次
});
上面代码仅供参考,实际应用中,建议尽可能的使数组下标元素类型保持一致.
请参考:
toggle(name), toggle(name, array, callback), removeToggle(name)