panxinwu/rotateList

基于jQuery的轮播图插件

rotateList

基于jQuery的轮播图插件

    mouseCtrl:"click",                     // 切换导航鼠标事件
    ctrlEleName:"ctrlBo",                  // 切换导航
    ctrlEleNamePo:"ctrlPo",                // 单向切换导航
    position:"left",                       // 切换运动方向
    speed:500,                             // 切换运动速度
    aniTime:5000,                          // 自动切换停滞时间
    focus:"on",                            // 当前焦点
    focuSiblings:"a",                      // 当前焦点同辈的元素
    eleName:"a",                           // 切换导航按扭元素名
    leftCtrlClass:".leftCtrl",             // 单向左控制按扭
    rightCtrlClass:".rightCtrl",           // 单向右控制按扭
    eleGroup:true,                         // 导航按扭组
    eleGroupPo:true                        // 左右控制按扭组

使用方法

    $(element).rotateList();
    // 默认横向拉洋片切换
    
    $(element).rotateList({
    position:"top"
    });
    // 纵向拉洋片切换
    
    $(element).rotateList({
    position:"opacity"
    });
    // 淡入淡出切换
    
    $(element).rotateList({
    eleGroup:false,// 关闭导航按扭组
    eleGroupPo:false// 关闭左右控制按扭组
    });