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