2018年1月3日
JS之鼠标在盒子中的位置
摘要： 需求：鼠标进入盒子之后只要移动，哪怕1像素，随时更换里面的内容(鼠标在盒子中的坐标)技术点：新事件，onmousemove,在事件源上哪怕移动1像素也会触动这个事件一定程度上模拟了定时器步骤：1.老三步和新五步2.获取鼠标在整个页面的位置3.获取盒子在整页面的位置4.用鼠标的位置减去盒子的位置赋值给 阅读全文
posted @ 2018-01-03 10:49 乖乖乖码 阅读(1165) 评论(0) 推荐(0) 编辑
2018年1月2日
JS之鼠标跟随
摘要： 需求：点击页面的任何地方，图片跟随鼠标移动到点击位置思路：获取鼠标在页面中的位置，然后图片缓慢运动到鼠标点击的位置(兼容ie6,7做pageY和pageX) 阅读全文
posted @ 2018-01-02 15:12 乖乖乖码 阅读(430) 评论(0) 推荐(0) 编辑
JS之事件对象体验
摘要： <script> //点击页面的任何部分document.onclick = function(event){ //兼容写法 event=event || window.event; console.log(event); console.log(event.timeStamp);//可返回一个时间 阅读全文
posted @ 2018-01-02 13:41 乖乖乖码 阅读(115) 评论(0) 推荐(0) 编辑
JS之楼层跳跃
摘要： 目的：达到像各个大型购物网站一样的楼层跳跃 需求:点击ol中的li，屏幕滑动到对应的ul中li范围 思路：还是利用window.scrollTo();利用缓动动画原理实现屏幕滑动 阅读全文
posted @ 2018-01-02 13:04 乖乖乖码 阅读(800) 评论(0) 推荐(0) 编辑
2017年12月29日
JS动画之返回顶部案例
摘要： 需求：一开始返回顶部图标是隐藏的，当滚动到指定位置的时候，小图标就会显示出来，，点击图标，会缓动的返回顶部 技术点：window.scrollTo(x,y)，浏览器显示区域跳转到指定的坐标 阅读全文
posted @ 2017-12-29 16:33 乖乖乖码 阅读(260) 评论(0) 推荐(0) 编辑
JS之两侧跟随的广告
摘要： 需求：屏幕滚动多少，两侧的图片联动向下移动等距离 步骤：1.老三步2.获取被卷去的头部的值3.移动两个盒子(缓动移动) 阅读全文
posted @ 2017-12-29 14:57 乖乖乖码 阅读(728) 评论(0) 推荐(0) 编辑
2017年12月28日
JS之解决scroll方法不兼容的写法来获取top和left
摘要： 需求：封装一个兼容的scroll(),返回值是json，用scroll().top获取scrollTop需求：封装一个兼容的scroll(),返回值是json，用scroll().left获取scrollLeft 阅读全文
posted @ 2017-12-28 16:49 乖乖乖码 阅读(1385) 评论(0) 推荐(0) 编辑
JS之compactMode
摘要： compatMode属性值，可以用来查看是否定义DTD 阅读全文
posted @ 2017-12-28 16:46 乖乖乖码 阅读(441) 评论(0) 推荐(0) 编辑
JS之json的基本用法
摘要： json：就是有自定义属性和值的对象，var json = {"key1":"value1","key2","value2"}，value的值既可以获取又可以给它本身赋值，而且json遍历的时候要用for in 遍历 阅读全文
posted @ 2017-12-28 16:17 乖乖乖码 阅读(434) 评论(0) 推荐(0) 编辑
JS之scrollTop不起作用的问题(兼容性有问题)
摘要： scrollTop在使用的时候，如果用document.body.scrollTop去使用它，谷歌会出现不兼容的问题，也就是不显示数值大小 解决方案：1.换个浏览器使用 2.没有dtd约束的：document.title = document.body.scrollTop 有dtd约束的：docum 阅读全文
posted @ 2017-12-28 15:46 乖乖乖码 阅读(4941) 评论(0) 推荐(0) 编辑