CSS3模拟开关样式-BUTTON SWITCHES WITH CHECKBOXES

所属分类： JQ特效 UI 标签

查看演示立即下载

插件描述：开关想必大家在日常的生活中是经常见到的，那么接下来我就给大家介绍一款由css3打造而成的模拟开关。

开关想必大家在日常的生活中是经常见到的，那么接下来我就给大家介绍一款由css3打造而成的模拟开关。

width="474" height="300" title="CSS3模拟开关样式" alt="CSS3模拟开关样式"/>

alt=""/>

1、引入以下的js和css文件

1	`<link` `rel="stylesheet"` `type="text/css"` `href="css/style.css">`

2、在body标签中加入以下格式的html代码，其实是一个 div 包含一个 cheeckbox 和 lable

 <div class="switch demo1">
    <input type="checkbox" checked="checked"> <label></label>
</div>

以上只是第一个示例的实现方式，那么其它的样式大家可以查看 demo 的源码

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com