jQuery Mobile Switch开关插件_JS复选框Switch开关控件

本Demo是原创jquery复选框、美化之后的复选框插件、其实就是一款jquery的switch插件、效果非常不错、特点是轻巧易用,大小只有4KB、加上css也不会超过10kb、非常适合在手机Web页面上面使用、使用方法也比较简单、下面是Demo的运行效果图

JS和CSS文件引入

<link rel="stylesheet" href="css/cyswtich.min.css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="js/cyswtich.min.js" ></script>

Html代码

<input type="checkbox" id="switch" value="1" />

jQuery代码

$(function(){
    $("#switch").cyswitch({changeEvent:function(checked){
        alert(checked==undefined ? false : true);
    }});
});

最后给贴上Demo的源代码、希望对大家有用、有兴趣的哥们可以下载看看

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1kTH7y3X 密码: ttu8