本文实例为大家分享了jQuery Collapse1.1.0折叠插件的使用,供大家参考,具体内容如下
/*! * jQuery collapse - A Wizard Plugin - http://www.cnblogs.com/yeyuansheng/ * ------------------------------------------------------------------------------------ * * @version 1.1.0 * @since 2017.08.28 * @author 夜原生 * @documentation http://www.cnblogs.com/yeyuansheng/ * * Usage with default values: * ------------------------------------------------------------------------------------ * { * panel: '',//默认空为第一个标签 * content: '',//默认空为第二个标签 * active: 'active',//点击样式 * shut: true,//展开的在次点击可闭合 * style: 'y',//x,y,0上下左右滑动展开/无动作展开 * speed: 200,//动作的速度 * event: "click",//动作 * class: 'active',//item 样式 * func: function(){},//增加事件 * open:''//默认打开 * } */ (function($) { var collapse = { version:'1.1.0', style:{ slideRight: { width : "hide", paddingLeft : "hide", paddingRight : "hide", marginLeft : "hide", marginRight : "hide" }, slideLeft: { width : "show", paddingLeft : "show", paddingRight : "show", marginLeft : "show", marginRight : "show" }, slideUp: { borderTopWidth: "hide", borderBottomWidth: "hide", paddingTop: "hide", paddingBottom: "hide", height: "hide" }, slideDown: { borderTopWidth: "show", borderBottomWidth: "show", paddingTop: "show", paddingBottom: "show", height: "show" } }, init:function(options){ var opts = $.extend({}, $.fn.collapse.defaults, options); if(opts.style == 'x' && options.shut == 'undefined'){ opts.shut = false; } return opts; }, clickChange:function(obj,op){ var panel = (op.panel == '')"click", class: 'active', func: function(){}, open:'' } })(jQuery);
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“jQuery Collapse1.1.0折叠插件简单使用”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。