1. 一对一班级 模态增加 编辑 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } .shadow{ position ...
分类:
其他好文 时间:
2017-06-19 18:45:50
阅读次数:
409
div id="example" 分配给相关 div 的 id,id 的值指向后边要实现 modal(模态框)的 JavaScript。 class="modal hide fade in" Bootstrap CSS 的四个 class - modal、hide、fade 和 in,用于设置 mo ...
分类:
其他好文 时间:
2017-06-19 18:40:13
阅读次数:
124
在做项目时使用到了模态框,一不小心出了错误,大家来看看问题出现在那里吧! 这里面有三个模态框,我就拿一个来举例吧! 开始我是这样写的【出错的代码】: 我把data-toggle="modal" data-target="#myModal1"误写在了模态框的父级上之后就出现了这样的问题。 当点击暂停时 ...
分类:
其他好文 时间:
2017-06-17 12:06:10
阅读次数:
240
注册验证是所有网站系统都要用到的基本功能,这里我们做一个基本的注册验证: 我们首先要建一张用户表: 然后引入bootstrap和jquery: 然后建一个表格并从bootstrap教程中引入bootstrap中的表单: 然后从bootstrap教程中引入一个模态框,修改一下: 最重要的就是写方法事件 ...
分类:
Web程序 时间:
2017-06-16 16:37:50
阅读次数:
154
基本上每个项目都需要用到模态框组件,由于在最近的项目中,alert组件和confirm是两套完全不一样的设计,所以我将他们分成了两个组件,本文主要讨论的是confirm组件的实现。 组件结构 模态框结构分为三部分,分别为头部、内部区域和操作区域,都提供了slot,可以根据需要定制。 样式 这里只是一 ...
分类:
其他好文 时间:
2017-06-14 22:28:40
阅读次数:
306
当点击#addFilter添加模态框的时候,由于模态框加载未完成,所以暂时获取不到想要的宽高,处理方法:让controlButton方法延迟0.2s模态框加载完成之后执行(关于如何判断模态框内容加载完成的方法,后期查好了加入) 窗口尺寸变化时,内容区跟随变化:内容区大于窗口则按钮固定在底部区域;内容 ...
分类:
Web程序 时间:
2017-06-12 14:48:32
阅读次数:
277
这段时间学习了字体图标,按钮组,下拉菜单,模态框等一些常用的组件。 下拉菜单,要有一个下拉的效果,一个Dropdown按钮和右侧有个小图标caret,这个小图标和按钮的文本是平级的。 button按钮中有个dropdown-tooggle,还有一个data-toggle属性,根据这个属性来弹出下拉列 ...
分类:
其他好文 时间:
2017-06-12 13:15:53
阅读次数:
261
JavaScript 插件的学习 JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js 或压缩版的 bootstrap.min.js)。 模态框,模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小 ...
分类:
其他好文 时间:
2017-06-12 13:12:55
阅读次数:
160
http://bbs.csdn.net/topics/391917552 具体如下: $(function () { var _$modal = $('#MyModal'); _$modal.css('display', 'block'); _$modal.addClass("webuploader ...
分类:
Web程序 时间:
2017-06-04 11:44:22
阅读次数:
747
今天看到一个纯css模态框,觉得是很牛呀 看了下用了target伪类, 一直不知道有这么神奇的伪类 。。 用法是这样的,给模态框一个id, 然后通过锚链接的方法 点击之后,伪类的css就能发生作用了 顺便把别人的源码发一下 ...
分类:
Web程序 时间:
2017-06-03 17:28:55
阅读次数:
233