最新公告
  • 欢迎您光临DT模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • jquery焦点图文字和图片动画焦点图展示


    $(function(){
     
    $("#focus").mogFocus({
     
    loadAnimation : true, //效果初次加载是否有动画效果
     
    loadswitch : false,//是否开启loading
     
    loading : "images/loading.gif",//loading图片路径
     
    time : 4000,//间隔时间
     
    scrollWidth : "100%",//焦点图宽度,任意数值,设置为100%或者auto时,占满全屏
     
    autoScroll : true,//是否自动滚动
     
    conversionImg : true,//此参数是用来兼容第二层滑动层IE的PNG图片,开启为true,反之为false
     
    animationWay: 'tbSliding',//此参数提供fade(淡入淡出),lrSliding(左右滑动),tbSliding(上下滑动),随机展示(randomImg)
     
    prevNextPos : 70,//上一页下一页初始位置调整
     
    prevNextAnima : {duration: 600, easing: "easeInOutBack"},//按钮滑动出来的方式,支持缓动公式,如果直接设置数值,那么就没有缓动效果
     
    prevNextToggle : "show",//设置为toggle时鼠标放到滑动图上显示,离开影藏。设置show时一直显示,设置hide时影藏
     
    btnStyle : "thumbnail",//参数有四个分别是number(数字),noNumber(非数字,任意图形),thumbnail(缩略图),hidden(影藏)
     
    thumWidth : 90,//缩略图宽度
     
    thumHeight : 36,//缩略图高度
     
    thumlen : 5,//缩略图显示个数
     
    thumCSS : {"right":"50%","margin-right":-390},//提供当全屏滑动时缩略图位置
     
    thumSubsty : {"border":"1px solid #ccc","padding":1,"background":"#fff"},//缩略图样式
     
    thumSelected : {"border":"1px solid #6d6d6d","background":"#fff"},//缩略图选中样式
     
    single: true,//设置true则显示第二层,false则第二层影藏
     
    focusDelay: 0,//焦点图延迟时间
     
    focusDelayTwo : 300,//第二层焦点图延迟时间
     
    focusTime : {duration: 1000, easing: "easeOutBounce"},//左右焦点图时间,支持缓动公式,如果直接设置数值,那么就没有缓动效果
     
    focusTwoTime : {duration: 1300, easing: "easeOutBounce"} ,//左右第二层焦点图时间,支持缓动公式,如果直接设置数值,那么就没有缓动效果
     
    fadeTime : 400,//该参数使用淡入淡出动画生效,控制淡入速度
     
    fadeTwoTime : 600,//该参数使用淡入淡出动画生效 控制第二层淡入速度
     
    randomsImgTime : 600,//该参数在使用随机动画生效,控制滑动速度
     
    randeasing : 'easeInOutBack'//该参数在使用随机动画生效,控制easing滑动样式
     
    });
     
    });
    
    DT模板网上源码供源码爱好者(站长)学习研究使用。借鉴职业开发人员的代码写法,快速提升自己。部分源码需以前VIP用户分享,VIP费用供我们用来买源码,服务器开支。源码具有可复制性,部分源码被不断分享出去,但源码本身的性质不变,仅供本地环境下学习研究使用,如果你直接拿来做站,又做了违法违规的网站,请自行承担一切法律后果。
    DT模板网 » jquery焦点图文字和图片动画焦点图展示

    发表评论

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

    提供最优质的资源集合

    立即查看 了解详情