jQuery响应式滑动手风琴图片切换代码免费下载

jQuery响应式滑动手风琴图片切换代码,支持水平、垂直布局,可自定义遮罩层颜色样式。

JS代码

<script src="js/accordion.js" type="text/javascript"></script> 
<script src="js/data.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
 
    $('[class*="-accordion"]').not(":first").parents(".accordion-DIV").hide(),$(".btn-group > button").on("click",function(i){ 
        i.preventDefault(); 
        var o=$(this).index(); 
        $('[class*="-accordion"]').eq(o).parents(".accordion-DIV").show().siblings().hide() 
        }) 
    }), 
     
    $(".1-accordion").accordion({imageObj:horiObj.imageObj,animateWidth:800}), 
    $(".2-accordion").accordion({imageObj:varObj.imageObj,arrangement:"verticality",defaultHeight:50}), 
    $(".3-accordion").accordion({imageObj:horiObj.imageObj,response:!1,defaultWidth:75,animateWidth:500}), 
    $(".4-accordion").accordion({imageObj:horiObj.imageObj,animateTime:"1.5s"}), 
    $(".5-accordion").accordion({imageObj:horiObj.imageObj,styleColor:{background:"red",font:"#fff",textShadow:"0px 0px 1px blue"} 
     
}); 
</script>

调用方式

{ 
imageObj : [], //存放图片对象 
arrangement : "horizontal", //verticality 对齐方式 
fontCut : 500, //文字截取(500个字符内) 
defaultWidth : 100, //默认初始宽度 
defaultHeight : 100, //默认初始高度 
animateWidth : 600, //默认放大宽度 
animateHeight : 200, //默认放大高度 
response : true, //是否使用响应式 
styleColor : {"background":"white","font":"#333333","textShadow":"0px 0px 1px green"}, //自定义遮罩颜色样式 
animateTime : "0.5s", //动画速度 
};
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录