摘要: 目的: 用Bootstrap Navbar component 实现一个响应式导航 理解Bootstrap Navbar component是如何工作的(不包括collepse.js) 清楚自己添加一个规定的类名时是做了些什么 根据自己的需求进行改装 对比自己的实现方法,找出差距。 1.实现: 我想 阅读全文
posted @ 2016-10-04 10:46 马梦一 阅读(8774) 评论(2) 推荐(3) 编辑
摘要: 目的: 实现一个响应式导航,当屏幕宽度大于700px时,效果如下: 当屏幕宽度小于700px时,导航变成一个小按钮,点击之后有一个菜单慢慢拉下来: 思路: 1.为了之后在菜单上绑定事件,并且不向DOM中添加多余的节点,在大屏幕中出现的导航和小屏幕中的下拉导航必须是一个。 所以我选择了将导航绝对定位。 阅读全文
posted @ 2016-09-29 23:18 马梦一 阅读(1304) 评论(0) 推荐(1) 编辑
摘要: 刚开始用Bootstrap的格子系统写布局的时候遇到了这样一个问题: 我的页面中有这样一个布局 我希望当屏幕的宽度小于他们俩宽度之和的时候,右边的部分会掉下来,他们垂直摆放。 而我用col-xs-6的话,右边的盒子永远都不会掉下来。 文字就变得这么丑。 如果我用col-sm-6的话,右边的盒子又会太 阅读全文
posted @ 2016-09-27 21:56 马梦一 阅读(2444) 评论(0) 推荐(1) 编辑
摘要: 目录: 跟着教程用H5实现了一个简单的拖拽,左右两个白盒子是容器,两边的红盒子可以任意拖拽。 满足以下两个要求: 被拖起来的盒子变成黄色,并且在原容器中消失,跟随鼠标移动。 被拖拽的盒子进入容器时,容器会变颜色,离开时恢复原来的颜色。 拖拽释放后,添加到准确的位置。 HTML+CSS为: <scri 阅读全文
posted @ 2016-09-25 21:53 马梦一 阅读(4958) 评论(0) 推荐(0) 编辑
摘要: 目的: 根据传入的选择器类型选出第一个符合的DOM对象。 ①可以通过id获取DOM对象,例如 $("#adom"); ②可以通过tagName获取DOM对象,例如 $("a"); ③可以通过样式名称获取DOM对象,例如 $(".classa"); ④可以通过attribute匹配获取DOM对象,例如 阅读全文
posted @ 2016-09-23 22:59 马梦一 阅读(11268) 评论(2) 推荐(0) 编辑
摘要: 本文中提到的“原始值”指的是undefined,null,Boolean,string和number。 本文中的对象是native对象,宿主对象(浏览器定义的对象)按照各自的算法转换。 JavaScript中共有六种数据类型,Undefined、Null、Boolean、Number、String和 阅读全文
posted @ 2016-09-14 22:38 马梦一 阅读(301) 评论(0) 推荐(0) 编辑