Javascript 切换可拖动div

我想实现上面的切换功能，元素应该是可拖动和可点击的，并带有CSS的动画

切换开关开/关按钮

.开关{ 位置：相对位置； 显示：内联块； 宽度：60px； 高度：34px； } .开关输入{显示：无；} .滑块{ 位置：绝对位置； 光标：指针； 排名：0； 左：0； 右：0； 底部：0； 背景色：ccc； -webkit转换：.4s； 过渡：.4s； } .滑块：之前{ 位置：绝对位置； 内容：； 高度：26px； 宽度：26px； 左：4px； 底部：4px； 背景色：白色； -webkit转换：.4s； 过渡：.4s； } 输入：选中+滑块{ 背景色：2196F3； } 输入：焦点+.滑块{ 盒影：0 1px 2196F3； } 输入：选中+。滑块：之前{ -webkit转换：translateX26px； -ms变换：translateX26px； 转换：translateX26px； } /*圆形滑块*/ .圆滑{ 边界半径：34px； } .滑块.圆形：之前{ 边界半径：50%； } 拨动开关

---

欢迎来到StackOverflow！你能把你尝试过的和更多关于你所说的可拖动的细节贴出来吗？Draggable通常与Javascript有关。谢谢欢迎来到SO。请参考下面的投票人：宽恕新手。