html实现iphone同款开关

一、背景

想实现一个开关的按钮,来触发一些操作,网上找了总感觉看着别扭,忽然想到iphone的开关挺好,搞一个

二、代码实现




    
    开关按钮
    


效果:

关闭:

html实现iphone同款开关_第1张图片

开启:

 html实现iphone同款开关_第2张图片

 

你可能感兴趣的:(前端,html,前端,javascript)