默认

<label><input class="mui-switch" type="checkbox"> 默认未选中</label>
<label><input class="mui-switch" type="checkbox" checked> 默认选中</label>

简单的背景过渡效果 switch

加 mui-switch-animbg 类即可

<label><input class="mui-switch mui-switch-animbg" type="checkbox"> 默认未选中</label>
<label><input class="mui-switch mui-switch-animbg" type="checkbox" checked> 默认选中</label>

过渡效果的switch

加 mui-switch-anim 类即可

<label><input class="mui-switch mui-switch-anim" type="checkbox"> 默认未选中</label>
<label><input class="mui-switch mui-switch-anim" type="checkbox" checked> 默认选中</label>