js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS广告代码 > JS幻灯片

jquery quake Slider一款集成多种超炫切换效果的焦点图特效

发布时间:2015-08-29 23:45:59    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery quake Slider一款集成多种超炫切换效果的焦点图特效
$(document).ready(function () {
    $('.quake-slider').quake({
        thumbnails: true,
        animationSpeed:500,
        pauseTime: 3000,
        applyEffectsRandomly: true,
        navPlacement: 'inside',
        navAlwaysVisible: true,
        captionOpacity: '0.3',
        captionsSetup: [{
             "orientation": "top",
             "slides": [0, 1],
             "callback": captionAnimateCallback
          },{
              "orientation": "left",
              "slides": [2, 3],
              "callback": captionAnimationCallback1
          },{
              "orientation": "bottom",
              "slides": [4, 5],
              "callback": captionAnimateCallback
          },{
              "orientation": "right",
              "slides": [6, 7],
              "callback": captionAnimationCallback1
          }
        ]
    });

    function captionAnimateCallback(captionWrapper, captionContainer, orientation) {
        captionWrapper.css({ left: '-990px' }).stop(true, true).animate({ left: 0 }, 1000);
        captionContainer.css({ left: '-990px' }).stop(true, true).animate({ left: 0 }, 1000);
    }
    function captionAnimationCallback1(captionWrapper, captionContainer, orientation) {
        captionWrapper.css({ top: '-330px' }).stop(true, true).animate({ top: 0 }, 1000);
        captionContainer.css({ top: '-330px' }).stop(true, true).animate({ top: 0 }, 1000);
    }
});



jquery 切换 焦点图

jQuery左侧分类导航特效_jquery商城左侧分类菜单导航_橙色导航菜单特效代码

jquery选项卡切换,版块鼠标跟随边框变色特效

jquery带缩略图焦点滚动图特效代码

仿红木之家官网首页jquery焦点全屏大图切换特效

jQuery二级图文平滑下拉菜单特效代码

jquery顶部导航菜单下拉,左侧分类切换特效

jQuery实现固定顶部导航,点触全屏滚动特效代码

jQuery仿腾讯云全屏下拉导航菜单特效代码

一款jQuery跨平台并且带触摸移动端焦点图特效

jQuery四屏焦点图网站特效代码

jquery双重切换的tab选项卡特效代码

jquery仿360音乐搜索主页歌手切换选项卡特效

jquery tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等特效

jquery SuperSlide仿京东首页促销产品tab选项卡切换特效

jquery图片相册特效,切换上下页,还带对话框提醒特效

jquery实现右下角浮动返回顶部并且带微信二维码特效

jquery实现带微信二维码,qq客服,联系电话的返回顶部特效

jQuery右侧浮动客服特效,点击弹出窗口显示更多在线QQ客服

仿OPPO官方商城jquery焦点图特效

jquery绿色的按栏目下拉,信息搜索输入框特效代码

jquery选项卡切换,版块鼠标跟随边框变色特效

tab选项卡切换特效并且带更多按钮

仿红木之家官网首页jquery焦点全屏大图切换特效

jquery顶部导航菜单下拉,左侧分类切换特效

12宫格点击城市切换地区滚动特效

jquery双重切换的tab选项卡特效代码

jquery仿360音乐搜索主页歌手切换选项卡特效

jquery tab选项卡插件支持鼠标滑过、点击、自动切换、数据回调等特效

jquery SuperSlide仿京东首页促销产品tab选项卡切换特效

jquery图片相册特效,切换上下页,还带对话框提醒特效

js、html5实现极速3D立体式图片相册切换效果

jquery点击切换,3d淡入动画,头像相册特效

jquery实现网页右下角向上弹出广告代码,支持tab切换

jquery左右切换,带文字说明的焦点图特效

jquery鼠标经过向上滑动标题,可以左右切换图片位置!

jquery左右多图全屏拖拽以及点击弹窗多图切换效果

jquery左右布局的缓动Tab切换选项卡特效

jquery竖向tab切换焦点图特效

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效

jQuery多张图片相册上下切换,放大预览等特效

友荐云推荐
大家说 此评论不代表本站观点