jQuery Mobile Switch开关插件_JS复选框Switch开关控件
2015-09-28 11:06:33  By: dwtedx

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

jquery switch插件


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

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+