PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > JS特效 > 焦点图 > 正文

    多款jQuery焦点图切换代码(soChange)

    作者:admin来源:网络浏览:时间:2014-08-26 19:34:22我要评论
    分享到

    内容介绍

    多款jQuery焦点图切换代码
    所有参数:
    $(obj).soChange({
        thumbObj:null, //导航对象,默认为空
        botPrev:null, //按钮上一个,默认为空
        botNext:null, //按钮下一个。默认为空
        changeType:'fade',//切换方式,可选:fade,slide,默认为fade,1.6版新增方法
        thumbNowClass:'now', //导航对象当前的class,默认为now
        thumbOverEvent:true,//鼠标经过thumbObj时是否切换对象,默认为true,为false时,只有鼠标点击thumbObj才切换对象
        slideTime:1000, //平滑过渡时间,默认为1000ms,为0或负值时,忽略changeType方式,切换效果为直接显示隐藏
        autoChange:true, //是否自动切换,默认为true
        clickFalse:true,//导航对象如果有链接,点击是否链接无效,即是否返回return false,默认是return false链接无效,当thumbOverEvent为false时,此项必须为true,否则鼠标点击事件冲突
        overStop:true,//鼠标经过切换对象时,切换对象是否停止切换,并于鼠标离开后重启自动切换,前提是已开启自动切换,默认开启鼠标经过对象停止切换
        changeTime:5000, //对象自动切换时间,默认为5000ms,即5秒
        delayTime:300 //鼠标经过时对象切换迟滞时间,推荐值为300ms
    });
    soChange 即 simple object change ,
    此插件用来做对象切换,不仅仅适用于图片相册,也适用于选项卡类型的切换,
    以上为此插件所有参数,从前端开发角度出发,充分利用css样式的灵活性,脚本调用方式简单,
    基本满足了现在常见开发中遇到的平滑过渡效果,具体实际应用及代码参考以下的例子。

    下载资源:151 下载积分:0 积分
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-13-422-1.html
    相关热词搜索: jQuery焦点图 jQuery幻灯片