使用css3实现的切换按钮及模态框进行添加修改上传

整体效果

网盘内有原网页，可自行下载体验

模态框效果：

点击添加弹出模态框可进行添加修改上传文件。 

对于选项状态启用禁用实现效果展示：

可实现开关（切换）效果，对项目进行启用禁用。

启用禁用源代码：

       <div class="onoffswitch">

             <input type="checkbox" checked class="onoffswitch-checkbox" id="example1">

                                <label class="onoffswitch-label" for="example1">

                                    <span class="onoffswitch-inner"></span>

                                    <span class="onoffswitch-switch"></span>

                                </label>

                            </div>

模态框源代码截图（代码文本在网盘）：

需要调用文件截图：

CSS样式：

注意CSS文件调用路径、顺序，负责无法开关效果。

Js功能实现：

必须按顺序调用，不然模态框无法弹出。

网盘提取

链接：https://pan.baidu.com/s/15jBTtgOY4VfxMIzDcjzknw

提取码：d4gq

                                                                                                                                                         作者：张铭峻