最新公告
  • 欢迎您光临DT模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • jquery 焦点图切换插件 支持焦点图片切换


    所有参数:

    $(obj).soChange({ 
    thumbObj:null, //导航对象,默认为空
    botPrev:null, //按钮上一个,默认为空
    botNext:null, //按钮下一个。默认为空
    thumbNowClass:'now', //导航对象当前的class,默认为now
    thumbOverEvent:true,//鼠标经过thumbObj时是否切换对象,默认为true,为false时,只有鼠标点击thumbObj才切换对象
    slideTime:1000, //对象平滑过渡持续时间,默认为1000ms
    autoChange:true, //是否自动切换,默认为true
    clickFalse:true,//导航对象如果有链接,点击是否链接无效,即是否返回return false,默认是return false链接无效,当thumbOverEvent为false时,此项必须为true,否则鼠标点击事件冲突
    overStop:true,//鼠标经过切换对象时,切换对象是否停止切换,并于鼠标离开后重启自动切换,前提是已开启自动切换,默认开启鼠标经过对象停止切换
    changeTime:5000, //对象自动切换时间,默认为5000ms,即5秒
    delayTime:300 //鼠标经过时对象切换迟滞时间,推荐值为300ms
    });
    
    

     

    实现对象切换的插件其实网上很多,
    但是应用起来总是不够满意,不够简洁,不够实用,所以干脆自己写了一个,
    本来取名为sGallery,即simpleGallery,
    但感觉这个插件不仅仅是可以应用在幻灯相册上,确实应该称它为对象切换插件,
    所以改了名称,simple object change ,简洁考虑直接就soChange,即如此改变,如此切换,
    我也增加了一个选项卡切换的例子,相信你使用时会觉得它是如此方便和多样,
    以上为此插件所有参数,从前端开发角度出发,充分利用css样式的灵活性,脚本调用方式简单,
    基本满足了现在常见开发中遇到的平滑过渡效果,具体实际应用及代码参考以下的例子。

    DT模板网上源码供源码爱好者(站长)学习研究使用。借鉴职业开发人员的代码写法,快速提升自己。部分源码需以前VIP用户分享,VIP费用供我们用来买源码,服务器开支。源码具有可复制性,部分源码被不断分享出去,但源码本身的性质不变,仅供本地环境下学习研究使用,如果你直接拿来做站,又做了违法违规的网站,请自行承担一切法律后果。
    DT模板网 » jquery 焦点图切换插件 支持焦点图片切换

    发表评论

    • 2795会员总数(位)
    • 708资源总数(个)
    • 4本周发布(个)
    • 1 今日发布(个)
    • 468稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情