基于Jquery实现苹果开关按钮特效的插件
2018-01-11 14:56
555 查看
默认使用
$.switch()
调整大小
$.switch({ target:'.biggerSwitch', height:200 })
$.switch({ target:'.smallerSwitch', height:50 })
开关事件的回调
$.switch({ target:'.callbackSwitch', callback:function(that){ //return false 返回原始状态 if(that.attr('class').indexOf('on')){ //开启 }else{ //关闭 } } })
动画速度调整
$.switch({ target:'.speedSwitch', speed:'slow',//'slow', height:500 })
github地址:https://github.com/yetianyue/Jquery-switch
目前唯一的缺陷背景色,滑动状态还未结束就已经改变过来,待解决。有什么好的办法在评论中留言指正。
解决上述问题:
相关文章推荐
- javascript结合CSS实现苹果开关按钮特效
- 基于Bootstrap的jQuery开关按钮插件
- 基于jQuery Tipso插件实现消息提示框特效
- 基于jQuery插件实现环形图标菜单旋转切换特效
- 基于jQuery实现的文字按钮表单特效整理
- 基于jQuery实现的文字按钮表单特效整理
- 基于jQuery插件实现环形图标菜单旋转切换特效
- jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
- 基于GoogleMap,Mapabc,51ditu基于GoogleMap,Mapabc,51ditu,VirtualEarth,YahooMap Api接口的Jquery插件的通用实现(含源代码下载)
- 基于jquery插件实现常见的幻灯片效果
- 一款基于jquery实现的鼠标单击出现水波特效
- 基于GoogleMap,Mapabc,51ditu,VirtualEarth,YahooMap Api接口的Jquery插件的通用实现(含源代码下载)
- jQuery插件实现无缝滚动特效
- 基于jQuery UI Datepicker实现的时间插件
- 基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
- 推荐6款基于jQuery实现图片效果插件
- 基于Jquery实现万圣节快乐特效
- CSDN开源夏令营 基于Compiz的switcher插件设计与实现之compiz特效插件介绍及特效实现
- 基于jquery实现轮播特效