替代jQuery手机/开关+切换btn

2013-12-17 121 views 0 likes

我希望不使用jQuery手机;我有点受不了。替代jQuery手机/开关+切换btn

但我需要创建一个移动友好;移动第一，简单的开关切换按钮。

enter image description here

没什么特别的，就像上面;我可能会进去，只是添加我的绿色。

手机的任何好替代品？ jQuery最新不会工作;不幸的是，我真的不想用疯狂的怪异API工作。理想情况下只是普通的JS。

来源

2013-12-17 Fred Randall

ü意味着一个CSS switch..u可以尝试this..http：//proto.io/freebies/onoff/ – Lucky

谢谢你真棒，谢谢，比尔！ –

回答

我写的小计划JS开关..如果你想自定义CSS，并要求对切换处理事件..希望其帮助

onload = function() { 
    document.getElementById("switch").addEventListener("click", toggle, false); 
    }; 
    function toggle() 
    {  
     var sw = document.getElementById("switch"); 
     var v = sw.style.cssFloat; 
    if(v=='right') 
     sw.style.cssFloat ="left"; 
     else 
     sw.style.cssFloat = "right"; 
    }

JS Switch

来源

2013-12-17 10:54:12 Neha

有你的问题纯CSS解决方案此css toggle switch使用复选框来保持切换条件。如果选中则关闭，如果不选中则关闭。

如果您不想使用复选框并对多个切换条件（如选项卡和其他翻转）感兴趣，请使用此开关。虽然我不确定这是否会在移动设备上正常运行。

Switch without checkbox +toggle btn

来源

2013-12-17 11:22:33 Lucky

替代jQuery手机/开关+切换btn

回答

相关问题