摘要: 做js滚动条遇到的问题 要达成的效果:当我拖拽的时候,滚动条随我的鼠标拖动,松开时,滚动条不再跟随鼠标,(跟浏览器滚动条一样) 但是 当我按下鼠标选中滚动条,然后将鼠标移除浏览器外,再移回来,那么鼠标松开后,滚动条将跟随鼠标运动,只有再点击一下屏幕才会停止,怎么解决呢? 我加了这句话,意思是禁止用户 阅读全文
posted @ 2016-09-28 10:16 Y_WEB 阅读(372) 评论(0) 推荐(0) 编辑
摘要: Margin 关于margin能想到的知识点 1. 兄弟元素都有margin值,是怎么计算的? 2. 父元素子元素都有margin值是怎么计算的? 3. Margin的百分比表示基于谁的? 4. Margin什么情况系不会起作用? 5. Margin是否能和float公用? 垂直方向上: 两个元素都 阅读全文
posted @ 2016-09-09 14:38 Y_WEB 阅读(334) 评论(0) 推荐(0) 编辑
摘要: Position总结 关于position我目前能想到的知识点: Position:absolute(绝对定位): 问题 解答 对于这个问题有测试了几次,发现只要设置了position:absolute就脱离文档流 3. 基于static以外的第一个父元素的宽度(width)或者高度(height) 阅读全文
posted @ 2016-09-09 14:23 Y_WEB 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 任务3:三栏式布局 就是这个样子 。总结: 思路就是三个div,前两个浮动,第三个设置margin-left,margin-right值这样就可以实现这样的效果,我在做的过程中遇到的问题: 三个div比如 头像部分class=head,个人logo部分class=person,内容部分class=c 阅读全文
posted @ 2016-09-08 11:53 Y_WEB 阅读(327) 评论(0) 推荐(0) 编辑
摘要: rem是指相对于根元素的字体大小的单位(相对单位) rem和em的区别,em相对于父元素的字体大小的单位。rem相对于根元素html字体大小计算, px是一个绝对的单位。 所以rem可以实现强大的屏幕适配布局 例如: 所以在做移动端适配的时候就要根据不同分辨率设置font-size的值,做法: 阅读全文
posted @ 2016-08-27 21:01 Y_WEB 阅读(204) 评论(0) 推荐(0) 编辑
摘要: getBoundingClientRect 方法 有6个属性 top 、bottom、right、left、width和height ie9以下浏览器只支持 getBoundingClientRect 方法的 top 、bottom、right、left属性; ie9 和其它浏览器支持 getBou 阅读全文
posted @ 2016-08-26 19:02 Y_WEB 阅读(503) 评论(0) 推荐(0) 编辑
摘要: mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件(冒泡)。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 mouseout与mouseleave不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事 阅读全文
posted @ 2016-08-25 16:07 Y_WEB 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 利用display:table-cell;实现两栏自适应布局 这样当class=‘t’的大小改变时候也会自适应,IE7不支持table-cell,解决办法 *display:inline-block;可以实现同样的效果 float是脱离文档流的!浮动元素不占据空间 display:table-cel 阅读全文
posted @ 2016-08-22 10:45 Y_WEB 阅读(159) 评论(0) 推荐(0) 编辑
摘要: each() 方法规定为每个匹配元素规定运行的函数。 阅读全文
posted @ 2016-08-15 19:58 Y_WEB 阅读(1283) 评论(0) 推荐(0) 编辑
摘要: url模块 我们可以使用.parse方法来将一个URL字符串转换为URL对象,示例如下。 1. URL各部分说明 返回的结果为: parse函数的第三个参数也是布尔类型的,当参数为true,解析时会将url的”//”和第一个”/”之间的部分解析为主机名,示例如下: 返回的结果: format方法允许 阅读全文
posted @ 2016-08-11 12:07 Y_WEB 阅读(1877) 评论(0) 推荐(0) 编辑