随笔分类 -  javaScript学习之路

JS封装动画框架,网易轮播图,旋转轮播图
摘要：JS封装动画框架,网易轮播图,旋转轮播图 1. JS封装运动框架 2. 网易轮播图 效果图 算是原理图吧 HTML CSS JavaScript 2.旋转轮播图 效果图 HTML CSS JavaScript window.onload = function () { var arrow = $(" 阅读全文
posted @ 2017-04-25 14:14 Chaos_G 阅读(1359) 评论(0) 推荐(0)
JavaScript Scroll家族以及封装
摘要：JavaScript Scroll家族以及封装 scrollTop & scrollLeft 别卷去的值,就是当滑动滚轮浏览网页的时候,网页隐藏在屏幕上方或左侧的距离 获得scrollTop 或者 scrollLeft的值有三种方式 支持谷歌浏览器和没有声明 :document.body.scrol 阅读全文
posted @ 2017-04-14 16:45 Chaos_G 阅读(586) 评论(0) 推荐(0)
JS事件对象,筋斗云导航练习,跟随鼠标练习,放大镜练习,进度条练习
摘要：JS事件对象,筋斗云导航练习,跟随鼠标练习,放大镜练习,进度条练习 btn.onclick = function(event) { 语句 } 其中event就是事件对象,在这个方法中指向的对象是onclick事件 普通浏览器支持event,也就是以上的写法;蛋疼的ie678支持window.even 阅读全文
posted @ 2017-04-10 11:37 Chaos_G 阅读(429) 评论(0) 推荐(0)
JS学习 - offset家族(一)
摘要：JS学习 offset家族(一) 先来张图开开胃 offsetWidth offetHeight 得到对象的宽度和高度(自己的,与他人无关) offsetWidth = width + border + padding div {width:220px; border left:2px solid 阅读全文
posted @ 2017-04-05 16:11 Chaos_G 阅读(245) 评论(0) 推荐(0)
JS运动 - 无缝滚动和缓动动画
摘要：JS运动 无缝滚动和缓动动画 无缝滚动原理:首先先复制两张图片(第一张和第二张)放到最后面;ul绝对定位,如果ul的left值大于等于4张图片的宽度,就应该快速复原为0. html JS 效果图 缓动动画(减速运动)原理 : 记住公式 假如:初始值 leader = 0; 目标值 target = 阅读全文
posted @ 2017-03-31 22:35 Chaos_G 阅读(365) 评论(0) 推荐(0)
setTimeout()和setInterval()的区别
摘要：JS学习 setTimeout()和setInterval()的区别 相同点 setTimeout 和 setInterval的语法相同.他们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码. 不同点 window.setTimeout 阅读全文
posted @ 2017-03-31 22:33 Chaos_G 阅读(244) 评论(0) 推荐(0)