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