素材牛VIP会员

原生JS选项卡(优化版)

 浏览:130次-  评论:0次-  发布时间:2021-05-27
    Html
    Css
    Js
↑上面代码改变,会自动显示代码结果
jQuery调用版本:1.11.3
素材牛VIP永久特权
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
代码描述:1.分页加载事件回调.2.切换动画.3.自动切换设置时间.4.监听标题点击事件回调
/**
* @overview
* 选项卡功能包括 
*         1.tabbar切换
*         2.默认展示具体第几项
*         3.上拉底部加载更多事件回调触发
*         4.切换选项卡过渡动画设置
* 设置参数
* @param title :[string,string]/[{name:'value'}] 设置tab切换按钮标题
*           content :string 切换内容父级容器id节点名称
*           defaultindex :number 默认选中第几项
*           titleevent :eventhandle 点击选项卡事件回调
*           transition :boolean 是否开启切换过度动画,默认0.3s
*           handlescroll :eventhandle 当前容器上拉滚动条到底部监听
*           transitiontime :number 设置过渡动画时间
*automatic:{//设置自动切换 
    open:true,//打开自动切换,默认时间
    time:1000//自定义时间
}
*/

讨论这个常用代码(0)回答他人问题或分享心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的积分余额:0 已下载次数:130
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)