投稿 搜索

热搜词

热门文章

当前位置: 站长天下 / 按钮图标 / 基于honeyswitch.js仿苹果手机开关按钮切换效果
基于honeyswitch.js仿苹果手机开关按钮切换效果
标签:

插件介绍

    这是一款jQuery基于honeyswitch.js仿苹果手机ios系统风格开关按钮切换效果,非常的美观的开关按钮样式,演示里面还有更详细的使用说明。

    浏览器兼容性

    浏览器兼容性
    时间:2018-05-01
    阅读:

基于honeyswitch.js仿苹果手机开关按钮切换效果

简要教程

这是一款jQuery基于honeyswitch.js仿苹果手机ios系统风格开关按钮切换效果,非常的美观的开关按钮样式,演示里面还有更详细的使用说明。

使用方法

在页面引入以下jquery.js和honeySwitch.js两个JS文件

<script src="lib/jquery.js"></script>
<script src="lib/honeySwitch.js"></script>
<script>
    //honeySwitch.themeColor="lightblue";
    $(function(){
        switchEvent("#fly",function(){
            $("#network").slideUp();
        },function(){
            $("#network").slideDown();
        });
        switchEvent("#directory",function(){
            $("#directory_content").fadeIn();
        },function(){
            $("#directory_content").fadeOut();
        });
    });
</script>

Html结构

在页面引入以下honeySwitch.css文件

<!--必要样式-->
<link rel="stylesheet" href="lib/honeySwitch.css">