开源中国 2018 年度最后一场技术盛会邀你来约~错过就要等明年啦!点此立即预约

Hpyer / jquery.easyswitchJavaScriptMIT

指数
0
Watch 8 Star 6 Fork 5
加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
这个一个jQuery的插件,它可以让您轻松的创建开关按钮 展开 收起

取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

#jquery.easyswitch

##概要

这是一个jQuery的插件,它可以让您轻松的创建开关按钮。

  1. 兼容IE6+、FireFox、Chrome等
  2. 轻量级,源码(含注释)还不到3K
  3. 符合标准的html代码

##示例

http://demo.hpyer.cn/js/easyswitch/easyswitch.html

##使用

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>EsaySwitch Demo</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery.easyswitch.css" />
    <script type="text/javascript" src="jquery.easyswitch.js"></script>
</head>
<body>
    <p>标准按钮:<span class="easyswitch"></span></p>
    <p>默认选中:<span class="easyswitch" data-default="1"></span></p>
    <p>改变标签:<span class="easyswitch" data-default="1" data-label-on="启用" data-label-off="禁用"></span></p>
    <p>回调函数:<span class="easyswitch" data-callback="onSwitch"></span></p>
    <script>
    $('.easyswitch').easyswitch();

    function onSwitch(value, obj) {
        alert(value);
    }
    </script>
</body>
</html>

点评 ( 0 )

你可以在登录后,发表评论

搜索帮助